Suche im Forum:
Suchen


Autor Nachricht
Beitrag28.05.2009 um 15:36 (UTC)    
Titel: Könnte mir bitte jemand sagen was Hier dran falsch ist

Hallo Ich möchte ein Coolmenü auf meiner hp habe auch den Code von tutorials-arena.de.tl Aber ich würde gerne bei Titel 4 noch 5 Unterseiten haben Das ist der Code was ist Falsch



<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}

.menu li
{
width: 160px;
float: left;
}

.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/s/success4you/navfire.gif);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}

.menu a:hover
{
background-color: #00CCFF;
background-image: url(http://img.webme.com/pic/s/success4you/realflashdown.gif);
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="http://5dgeporta.de.tl/Home.htm"> Home</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> Neues</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="http://5dgeporta.de.tl/Chat.htm">Chat</a></li>
<li><a href="http://5dgeporta.de.tl/Games.htm">Games</a></li>
<li><a href="UNTERLINK2.4">Titel</a></li>

</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> Intern</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="http://www.5dgeporta.de.tl/Impressum-s-Disclaimer.htm">Impressum</a></li>
<li><a href="http://www.5dgeporta.de.tl/Support.htm">Support</a></li>
<li><a href="http://www.5dgeporta.de.tl/G.ae.stebuch.htm">Gästebuchl</a></li>
<li><a href="http://www.5dgeporta.de.tl/Link-Us.htm">Link Us</a></li>
<li><a href="http://www.5dgeporta.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://www.5dgeporta.de.tl/Newsletter.htm">Newsletter</a></li>
<li> </li>
</ul>
</li>
/*HIER SOLLEN NOCH 5 UNTERSEITEN REIN!/* <li><a href="LINK4"> Sonstiges</a></li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);"> TITEL5</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="LINK5.1">Titel</a></li>
<li><a href="LINK5.2">Titel</a></li>
</ul>
</li>
</div>



DAS" Wars:D


danke im Vorhaus

Mfg.Niclas


Zuletzt bearbeitet von 5dgeporta am 29.05.2009, 13:00, insgesamt einmal bearbeitet
Beitrag28.05.2009 um 15:51 (UTC)    
Titel:

Hallo, du hast jetzt Acht Unterseiten

Ich erklär dir auch wies geht Wink


Zitat:

<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}

.menu li
{
width: 160px;
float: left;
}

.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/s/success4you/navfire.gif);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}

.menu a:hover
{
background-color: #00CCFF;
background-image: url(http://img.webme.com/pic/s/success4you/realflashdown.gif);
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="http://5dgeporta.de.tl/Home.htm"> Home</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> Neues</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="http://5dgeporta.de.tl/Chat.htm">Chat</a></li>
<li><a href="http://5dgeporta.de.tl/Games.htm">Games</a></li>
<li><a href="UNTERLINK2.4">Titel</a></li>

</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> Intern</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="http://www.5dgeporta.de.tl/Impressum-s-Disclaimer.htm">Impressum</a></li>
<li><a href="http://www.5dgeporta.de.tl/Support.htm">Support</a></li>
<li><a href="http://www.5dgeporta.de.tl/G.ae.stebuch.htm">Gästebuchl</a></li>
<li><a href="http://www.5dgeporta.de.tl/Link-Us.htm">Link Us</a></li>
<li><a href="http://www.5dgeporta.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://www.5dgeporta.de.tl/Newsletter.htm">Newsletter</a></li>
<li> </li>
</ul>
</li>
/*HIER SOLLEN NOCH 5 UNTERSEITEN REIN!/* <li><a href="LINK4"> Sonstiges</a></li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);"> TITEL5</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="LINK5.1">Titel</a></li>
<li><a href="LINK5.2">Titel</a></li>

<li><a href="LINK5.3">Titel</a></li>
<li><a href="LINK5.2">Titel</a></li>
<li><a href="LINK5.4">Titel</a></li>
<li><a href="LINK5.5">Titel</a></li>
<li><a href="LINK5.6">Titel</a></li>

</ul>
</li>
</div>


Die roten sind die, die schon davor da waren (die links)

Die blauen sind die, die ich noch dazu eingefügt habe


Damit will ich dir sagen, dass du einfach nur die Unterseiten kopieren muss (also das rote) und dann unter das rote einfügen musst.
so wie ich das jetzt gemacht habe.



Hoffe, konnte helfen

MFG Julian Wink
______________
Ich werde im Forum bleiben, meine seiten werden allerdings gelöscht
Beitrag29.05.2009 um 11:43 (UTC)    
Titel:

VIELEN DANK Very Happy
Beitrag29.05.2009 um 12:02 (UTC)    
Titel:

5dgeporta hat Folgendes geschrieben:
VIELEN DANK Very Happy


No Problemo Razz
______________
Ich werde im Forum bleiben, meine seiten werden allerdings gelöscht
Beiträge der letzten Zeit anzeigen:   


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