Suche im Forum:
Suchen


Autor Nachricht
Beitrag04.07.2013 um 19:04 (UTC)    
Titel: [noch offen] Navigation für Homepage

Hallo ihr, ich hab eine Frage: Wie kann ich bei einer 'Leiste' mithilfe von HTML, CSS oder JavaScript etwas machen, damit, wenn man mit der Maus daraufgeht eine auswahl entsteht?

Also hier:
Zitat:
<div id="templatemo_menu">
<div class="home"><a href="http://bluetestpage.de.tl/"></a></div>
<ul>
<li><a href="http://bluetestpage.de.tl/Forum/index.htm">Hilfe?<span>Forum</span></a></li>

<li><a href="http://blueservices.de.tl/Gilde.htm">Schau vorbei!<span>Gilde</span></a></li>

<li><a href="http://blueservices.de.tl/Hotel-Blue.htm">Keine Unterkunft?<span>Hotel Blue</span></a></li>

<li><a href="http://blueservices.de.tl/Blueshop.htm">Billiger gehts nicht!<span>Blueshop</span></a></li>

</ul>
</div> <!-- end of templatemo_menu -->



Lg Blue

Edit by MatsK: BB-Code eingefügt => Nettere Darstellung.


Zuletzt bearbeitet von bluetestpage am 14.07.2013, 13:21, insgesamt 5-mal bearbeitet
Beitrag04.07.2013 um 19:10 (UTC)    
Titel:



Zuletzt bearbeitet von perfekte-kaninchenhaltung am 04.07.2013, 20:16, insgesamt einmal bearbeitet
Beitrag05.07.2013 um 10:58 (UTC)    
Titel:

Hey,

ich bin zu dumm dafür... Kannst du mir bitte ein Beispiel mit meinem code machen? Very Happy

Lg Blue
Beitrag05.07.2013 um 11:08 (UTC)    
Titel:

Wie zu dumm dafür? Du kannst einen Code verstehen aber ein ausführliches Tutorial nicht?

Ich empfehle das (sehr ausführlich und leicht zu verstehen):
http://www.homepage-baukasten.de/forum/viewtopic.php?t=134830
______________
Mit freundlichen Grüßen,
Beatzer



Tutorials für den HpBk | Designs für den HpBk | Dein Wunsch-Design, komplett kostenlos
Smileys im Gästebuch ändern | Text mit Rahmen | Spoiler erstellen | Seite drucken | Text mit Schatten
Beitrag06.07.2013 um 07:55 (UTC)    
Titel:

Hey,

ich bin halt so Very Happy.
Ich checks net Sad
Macht mir doch bitte ein Beispiel mit meinem Code Smile DANKE DANKE DANKE Smile

Lg Blue


Zuletzt bearbeitet von bluetestpage am 06.07.2013, 09:01, insgesamt einmal bearbeitet
Beitrag07.07.2013 um 08:05 (UTC)    
Titel:

Heyho Blue,
ich hätte dir auch den letzten Link gepostet. Das ist dort wirklich so ausführlich und genau erklärt, wie man es selber gar nicht hätte besser machen können. Diese Anleitung zum Erstellen von einem sogenannten "Coolmenu" wurde von einem Freund geschrieben, der schon langjähriger Supporter ist.

Versuch dich dort mal reinzulesen, auch wenn es etwas länger dauert. Falls du dann noch konkrete Fragen hast, stehen wir dir natürlich gerne zur Seite.

Beste Grüße,
Mats
Beitrag10.07.2013 um 16:09 (UTC)    
Titel:

Hey,

ich bin TOTAL gefailt. Ich hatte das ganze Design zerstört Very Happy! Ich brauchte eine Stunde um das wieder zu fixxen Sad... Helft mir bitte!

Nähere Angaben zum Design:

Text über dem Design:
Zitat:
<div id="templatemo_wrapper">

<div id="templatemo_header">

<div id="title_header">

</br>

<a target="_top" href="http://www.blueservices.de.tl" ><img src="http://blog.flamingtext.com/blog/2013/06/29/flamingtext_com_1372504923_138591312.gif" border="0" alt="BlueServices" title="BlueServices">
</br>
<span>Die offizielle Homepage</span>
</div> <!-- end of site_title -->

<ul id="social_box">
<a href="https://www.facebook.com/pages/Blue-Services-by-Icraft/160103160830576?ref=hl"><img src="http://www.loaditup.de/files/627708_dgbfqp6eky.png" alt="facebook"></a>
<li><a href="#"><img src="http://www.loaditup.de/files/627709_3mby32mkp9.png" alt="twitter" /></a></li>
</ul>


</div> <!-- end of templatemo_header -->



<div id="templatemo_menu">

<div class="home"><a href="http://bluetestpage.de.tl/"></a></div>
<ul>
<li><a href="http://bluetestpage.de.tl/Forum/index.htm">Hilfe?<span>Forum</span></a></li>

<li><a href="http://blueservices.de.tl/Gilde.htm">Schau vorbei!<span>Gilde</span></a></li>

<li><a href="http://blueservices.de.tl/Hotel-Blue.htm">Keine Unterkunft?<span>Hotel Blue</span></a></li>

<li><a href="http://blueservices.de.tl/Blueshop.htm">Billiger gehts nicht!<span>Blueshop</span></a></li>

</ul>


</div> <!-- end of templatemo_menu -->

<div id="templatemo_content_wrapper">
<div id="templatemo_content_top"></div>
<div id="templatemo_content">


Text unter dem Design:
Zitat:
</div>

<div id="templatemo_content_bottom"></div>
</div>

<div id="templatemo_sp_box">

<div class="col_w340 float_l">
<div class="right">
<a href="http://bluetestpage.de.tl/Impressum.htm">Impressum</a>
<p>Alle Angaben gemäss Gesetz</p>
</br>
<div class="col_w340 float_r">
<div class="right">
<a href="https://www.facebook.com/pages/Blue-Services-by-Icraft/160103160830576?ref=hl">Facebook</a>

<p>Folge uns!</p>


<div id="templatemo_footer">

</br>
</div> <!-- end of templatemo_footer -->

</div> <!-- end of templatemo_wrapper -->

</body>

</html>

</div>
<center>Copyright © 2013 <a href="www.blueservices.de.tl">BlueServices</center>



CSS-Codeohne Style Tags:
Zitat:
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
#nav{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}

td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px; }
/*
Credit: http://www.templatemo.com
*/

body {
margin: 0px;
padding: 0px;
color: #333;
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
line-height: 1.5em;
background-color: #0097d6;
background-image: url(http://www.loaditup.de/files/625530_r2gaasftw2.jpg);
background-repeat: repeat-y;
background-position: center;
}

a, a:link, a:visited { color: #0066CC; text-decoration: none; }
a:hover { color: #CC3300; text-decoration: underline; }

p { margin: 0px; padding: 0; }
img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #FFFFFF; }
h1 { font-size: 40px; font-weight: normal; margin: 0 0 30px 0; padding: 5px 0; }
h2 { font-size: 28px; font-weight: normal; margin: 0 0 20px 0; padding: 0; }
h3 { font-size: 21px; margin: 0 0 15px 0; padding: 0; padding: 0; color: #000; font-weight: normal; }
h4 { font-size: 18px; margin: 0 0 20px 0; padding: 0; color: #333; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; color: #333; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; color: #333; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }


.float_l { float: left; }
.float_r { float: right; }

.image_wrapper { display: inline-block; padding: 4px; border: 1px solid #fff; background: none; margin-bottom: 10px; }
.image_fl { float: left; margin: 3px 15px 0 0; }
.image_fr { float: right; margin: 3px 0 0 15px; }

blockquote { font-style: italic; margin-left: 10px;}
cite { font-weight: bold; color:#3b3823; }
cite span { color: #696443; }
em { color: #000; }

.tmo_list { margin: 20px 0; padding: 0; list-style: none; }
.tmo_list li { background: transparent url(http://www.loaditup.de/files/625531_atwtwywfya.png) no-repeat scroll 0 0px; margin:0 0 20px; padding:0 0 0 25px; line-height: 1em; }
.tmo_list li a { color: #fff; }
.tmo_list li a:hover { color: #ff4301; }


.button a { color: #333; font-weight: bold; }

.button a span { color: #de3f00; font-size: 18px; }

.button a:hover { color: #de3f00; text-decoration: none; }

#templatemo_wrapper {
width: 970px;
margin: 0 auto;
}

#templatemo_header {
width: 740px;
height: 180px;
padding: 0 100px 0 130px;
background: url(http://www.loaditup.de/files/625532_8u97v7rcsa.png) top no-repeat ;
}

#templatemo_header #site_title {
float: left;
margin: 60px 0 0 60px;
}

#templatemo_header #site_title a {
margin: 0px;
padding: 0px;
font-size: 40px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

#templatemo_header #site_title a span {
display: block;
text-align: right;
font-size: 14px;
color: #fff;
font-weight: normal;
margin-left: 5px;
}

#social_box {
float: right;
display: inline-block;
margin: 10px 0 0;
padding: 0;
list-style: none;
}

#social_box li {
display: block;
float: left;
padding: 0;
margin: 0;
}

#social_box li a {
width: 46px;
height: 46px;
margin-right: 5px;
}


/* menu */

#templatemo_menu {
clear: both;
width: 950px;
height: 122px;
padding: 0 10px;
margin-bottom: 20px;
background: url(http://www.loaditup.de/files/625533_yug3qqy3f3.png) no-repeat top;
}

#templatemo_menu .home a {
float: left;
width: 52px;
height: 52px;
margin: 9px 19px;
background: url(http://www.loaditup.de/files/625534_kssfq64zbg.png) no-repeat center;
}

#templatemo_menu .home a:hover {
background: url(http://www.loaditup.de/files/625535_3y832ygm2u.png) no-repeat center;
}


#templatemo_menu ul {
float: left;
display: inline-block;
height: 50px;
margin: 0;
padding: 10px 0;
list-style: none;
}

#templatemo_menu ul li {
padding: 0;
margin: 0;
display: inline-block;
}

#templatemo_menu ul li a {
float: left;
display: block;
height: 45px;
width: 140px;
padding: 5px 0 0 0;
font-size: 11px;
color: #666;

text-align: center;
text-decoration: none;
font-weight: normal;
outline: none;
border: none;
background: url(http://www.loaditup.de/files/625536_v5nq54sycv.gif) repeat-y right;
}

#templatemo_menu ul li a span {
display: block;
font-size: 20px;
font-weight: normal;
color: #333;
}

#templatemo_menu ul li .last {
background: none;
}

#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
color: #a13c03;
}

#templatemo_menu ul li a:hover span, #templatemo_menu ul .current span {
color: #a13c03;
}

#templatemo_menu ul li a span:hover {
color: #a13c03;
}
/* end of menu */

/* content */

#templatemo_content_wrapper {
width: 802px;
padding: 0 68px 0 100px;
}

#templatemo_content_top {
width: 802px;
height: 10px;
background: url(http://www.loaditup.de/files/625537_h27twc2wyc.png) no-repeat;
}

#templatemo_content_bottom {
width: 802px;
height: 10px;
background: url(http://www.loaditup.de/files/625538_7eaar9bptv.png) no-repeat;
}

#templatemo_content {
padding: 20px 30px;
background: url(http://www.loaditup.de/files/625539_nzed7kxggt.png) repeat-y;
}


#templatemo_content p {
margin-bottom: 10px;
}

#templatemo_content h2 {
margin-left: -46px;
height: 36px;
padding: 12px 0 0 46px;
text-shadow: 1px 1px 1px #555;
margin-bottom: 10px;
font-weight: bold;
background: none no-repeat;
}

.col_w340 {
width: 340px;
}

.col_w220 {
width: 220px;
}

.news_box {
clear: both;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px dashed #fff;
}

.news_box .news_meta {
margin-bottom: 10px;
}

.news_box img {
float: left;
width: 240px;
height: 180px;
margin-right: 30px;
border: 1px solid #fff;
padding: 4px;
}

.news_box_last {
margin: 0;
padding: 0;
border: none;
}


.service_box {
width: 340px;
margin-bottom: 40px;
}

.service_box img {
float: left;
width: 48px;
height: 48px;
}

.service_box .sb_right {
float: right;
width: 260px;
}

.comment{
font-weight: bold;
}

/* end of content */

/* sp_box */

#templatemo_sp_box {
width: 740px;
height: 140px;
margin: 20px 70px 0 100px;
padding: 30px;
color: #eac5b8;
background: url(http://www.loaditup.de/files/625541_fg4kvcbby5.png) no-repeat;
}


#templatemo_sp_box h4 {
color: #fff;
}

#templatemo_sp_box img {
float: left;
width: 80px;
height: 80px;
}

#templatemo_sp_box .right {
float: right;
width: 240px;
}

#templatemo_sp_box p {
margin-bottom: 15px;
}

#templatemo_sp_box .button a span { color: #fff; }
#templatemo_sp_box .button a { color: #000; }
#templatemo_sp_box .button a:hover { color: #fff; }

/* end of sp_box */


#contact_form {
float: left;
padding: 0;
}

#contact_form form {
margin: 0px;
padding: 0px;
}

#contact_form form .input_field {
width: 300px;
padding: 5px 0;
background: #FFFFFF;
border: 1px solid #CCCCCC;
}

#contact_form form label {
display: block;
width: 100px;
margin-bottom: 5px;
font-size: 14px;
}

#contact_form form textarea {
width: 335px;
height: 200px;
background: #FFFFFF;
border: 1px solid #CCCCCC;
}

.submit_btn {
margin: 0px;
padding: 5px 10px;
color: #FFFFFF;
background: #0099FF;
border: 1px solid #FFFFFF;
}

/* footer */

#templatemo_footer {
width: 770px;
padding: 20px 100px;;
text-align: right;
color: #12526d;
}

#templatemo_footer a {
color: #000;
}

/* end of footer */
Beitrag10.07.2013 um 18:58 (UTC)    
Titel:

Zitat:
Ich brauchte eine Stunde um das wieder zu fixxen


eine stunde? warum speicherst du den code nicht vorher? mach es so:

http://6p-iceblue.de.tl/Code-speichern.htm

rückgängig machen, dauert dann 1 sekunde.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag14.07.2013 um 09:35 (UTC)    
Titel:

Danke! Ich Idiot Very Happy
______________
Tun wir etwas gegen Nestlé! Nestle beutet seit Jahren Kaffeebauern aus!
[/hr]
_______________________________________________________________________________________________
https://www.change.org/de/Petitionen/nestl%C3%A9-fairtrade-wir-wollen-richtige-bezahlung-f%C3%BCr-alle-kaffeebauern

[/hr]
Beitrag17.07.2013 um 09:49 (UTC)    
Titel:

Ich habs nochmal versucht und nochmal das design zerstört Very Happy Bitte helft mir Very Happy!
______________
Tun wir etwas gegen Nestlé! Nestle beutet seit Jahren Kaffeebauern aus!
[/hr]
_______________________________________________________________________________________________
https://www.change.org/de/Petitionen/nestl%C3%A9-fairtrade-wir-wollen-richtige-bezahlung-f%C3%BCr-alle-kaffeebauern

[/hr]
Beitrag20.07.2013 um 12:00 (UTC)    
Titel:

Helft mir bitte! Very Happy
______________
Tun wir etwas gegen Nestlé! Nestle beutet seit Jahren Kaffeebauern aus!
[/hr]
_______________________________________________________________________________________________
https://www.change.org/de/Petitionen/nestl%C3%A9-fairtrade-wir-wollen-richtige-bezahlung-f%C3%BCr-alle-kaffeebauern

[/hr]
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de