Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag03.11.2009 um 18:01 (UTC)    
Titel: Coolmenü

Wer kann mir das Coolmenü so verändern dass es an den linken Rand angrenzt,
und kann jemand den Fehler beheben das im 4. und 5. Slot das Coolmenü nicht ausfährt.

Hier der Code:

<div align=center><style type="text/css" media="screen">
<!--
/*hier muss nichts geändert werden*/
body
{
font-family: Arial, 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: 0px;padding-top: 10px;
}
div.menu
{
position: absolute;
z-index: 5;
top: 218px;
left: 50%;
margin-left:-405px;
width:905px;
}
.menu li
{
width: 161px;
float: left;
}.menu a
{
border: 0px solid #;FFFFFF;
background-color: #FFFFFF;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
color: #000000;
margin: 0px;
display: block;
height: 23px;
}
/*Hier kannst du den Hover anpassen,wenn du ein Hintergrundbild verwendest,bei URL die Adresse eintragen*/
.menu a:hover
{
background-image: url(URL);
background-color: #FFFFFF;
color: #FFFF00;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
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: #000000;
}
//-->

</style>
/*HIER BITTE NICHTS ÄNDERN*/
<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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Allgemeines</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<li><a href="http://www.wr2-zone.de.tl/Home.htm">Home</a></li>
<li><a href="http://www.wr2-zone.de.tl/News.htm">News</a></li><li>
<li><a href="http://www.wr2-zone.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://www.wr2-zone.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://www.wr2-zone.de.tl/Topliste.htm">Topliste</a></li>
<li><a href="http://www.wr2-zone.de.tl/Umfragen.htm">Umfragen</a></li><li>
<li><a href="http://www.wr2-zone.de.tl/Impressum.htm">Impressum</a></li><li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">World Racing 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">

<li><a href="http://www.wr2-zone.de.tl/Beschreibung-des-Spiels.htm">Beschreibung des Spiels</a></li>
<li><a href="http://www.wr2-zone.de.tl/Forum.htm">Forum</a></li>
<li><a href="http://www.wr2-zone.de.tl/Cheats.htm">Cheats</a></li>
<li><a href="http://www.wr2-zone.de.tl/Eastereggs.htm">Eastereggs</a></li>
<li><a href="http://www.wr2-zone.de.tl/Liste-der-Autos.htm">Liste der Autos</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">ÜBERSCHRIFT 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">

<li><a href="http://www.">ÜBERSCHRIFT 3.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.4</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.5</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">ÜBERSCHRIFT 4</a>
<ul id="smenu3" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">

<li><a href="http://www.">ÜBERSCHRIFT 4.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.5</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.6</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Partnerschaft</a>
<ul id="smenu3" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">

<li><a href="http://www.wr2-zone.de.tl/Meine-Partner.htm">Meine Partner</a></li>
<li><a href="http://www.wr2-zone.de.tl/Banner.htm">Banner</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.4</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.5</a></li>

</ul>
</li>

</div>
</div>


Zuletzt bearbeitet von wr2-zone am 03.11.2009, 19:30, insgesamt einmal bearbeitet
Beitrag04.11.2009 um 18:32 (UTC)    
Titel:

Push Exclamation Exclamation Exclamation Exclamation
Beitrag04.11.2009 um 18:44 (UTC)    
Titel:

hey was meinst du genau....was soll ich da ändern??
______________
Alles über die Simpsons...Schau einfach mal vorbei !!!

Beitrag04.11.2009 um 19:19 (UTC)    
Titel:

Also, du sollst das Coolmenü so veränderern das es an den linke Bildschirm rand grenzt und ein bischen herunterfahren damit der Header nicht verdeckt wird außerdem habe ich das Problem das im 4. und 5. Slot das Coolmenü nicht ausfährt.
Bitte veränder deisen Code(nicht den obrigen)

<div align=center><style type="text/css" media="screen">
<!--
/*hier muss nichts geändert werden*/
body
{
font-family: Arial, 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: 0px;padding-top: 10px;
}
div.menu
{
position: absolute;
z-index: 5;
top: 218px;
left: 50%;
margin-left:-405px;
width:905px;
}
.menu li
{
width: 161px;
float: left;
}.menu a
{
border: 0px solid #;FFFFFF;
background-color: #FFFFFF;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
color: #000000;
margin: 0px;
display: block;
height: 23px;
}
/*Hier kannst du den Hover anpassen,wenn du ein Hintergrundbild verwendest,bei URL die Adresse eintragen*/
.menu a:hover
{
background-image: url(URL);
background-color: #FFFFFF;
color: #FFFF00;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
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: #000000;
}
//-->

</style>
/*HIER BITTE NICHTS ÄNDERN*/
<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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Allgemeines</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<li><a href="http://www.wr2-zone.de.tl/Home.htm">Home</a></li>
<li><a href="http://www.wr2-zone.de.tl/News.htm">News</a></li><li>
<li><a href="http://www.wr2-zone.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://www.wr2-zone.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://www.wr2-zone.de.tl/Topliste.htm">Topliste</a></li>
<li><a href="http://www.wr2-zone.de.tl/Umfragen.htm">Umfragen</a></li><li>
<li><a href="http://www.wr2-zone.de.tl/Impressum.htm">Impressum</a></li><li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">World Racing 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">

<li><a href="http://www.wr2-zone.de.tl/Beschreibung-des-Spiels.htm">Beschreibung des Spiels</a></li>
<li><a href="http://www.wr2-zone.de.tl/Forum.htm">Forum</a></li>
<li><a href="http://www.wr2-zone.de.tl/Cheats.htm">Cheats</a></li>
<li><a href="http://www.wr2-zone.de.tl/Eastereggs.htm">Eastereggs</a></li>
<li><a href="http://www.wr2-zone.de.tl/Liste-der-Autos.htm">Liste der Autos</a></li>
<li><a href="http://www.wr2-zone.de.tl/Screenshot_Galerie.htm">Screenshot-Galerie</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">ÜBERSCHRIFT 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">

<li><a href="http://www.">ÜBERSCHRIFT 3.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.4</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.5</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">ÜBERSCHRIFT 4</a>
<ul id="smenu3" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">

<li><a href="http://www.">ÜBERSCHRIFT 4.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.5</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.6</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Partnerschaft</a>
<ul id="smenu3" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">

<li><a href="http://www.wr2-zone.de.tl/Meine-Partner.htm">Meine Partner</a></li>
<li><a href="http://www.wr2-zone.de.tl/Banner.htm">Banner</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.4</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.5</a></li>

</ul>
</li>

</div>
</div>
Beitrag05.11.2009 um 11:52 (UTC)    
Titel:

aso ok...werds mir anschaun...=)
______________
Alles über die Simpsons...Schau einfach mal vorbei !!!

Beitrag05.11.2009 um 12:06 (UTC)    
Titel:

sry aber ich find einfach den fehler nicht...das dumme ist ja das ich das problem kenne ich hatte das mal auch das 2 von 5 menüs nicht aufklappten...aber ich find einfach den fehler in deinem code nicht... Confused

LG
Benny
______________
Alles über die Simpsons...Schau einfach mal vorbei !!!

Beitrag06.11.2009 um 09:48 (UTC)    
Titel:

Wieso fährt das Coolmenü im 4. und 5. Menü nicht aus?
Beitrag06.11.2009 um 10:13 (UTC)    
Titel:

Also hab es jetzt mal erst gemacht das Menü 4 und 5 Ausklappen. Wie du es verschiebst erklär ich dir, weil das machst besser du selbst du weist ja wie du es haben willst.

<div align=center><style type="text/css" media="screen">
<!--
/*hier muss nichts geändert werden*/
body
{
font-family: Arial, 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: 0px;padding-top: 10px;
}
div.menu
{
position: absolute;
z-index: 5;
top: 218px;
left: 50%;
margin-left:-405px;

width:905px;
}
.menu li
{
width: 161px;
float: left;
}.menu a
{
border: 0px solid #;FFFFFF;
background-color: #FFFFFF;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
color: #000000;
margin: 0px;
display: block;
height: 23px;
}
/*Hier kannst du den Hover anpassen,wenn du ein Hintergrundbild verwendest,bei URL die Adresse eintragen*/
.menu a:hover
{
background-image: url(URL);
background-color: #FFFFFF;
color: #FFFF00;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
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: #000000;
}
//-->

</style>
/*HIER BITTE NICHTS ÄNDERN*/
<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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Allgemeines</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<li><a href="http://www.wr2-zone.de.tl/Home.htm">Home</a></li>
<li><a href="http://www.wr2-zone.de.tl/News.htm">News</a></li><li>
<li><a href="http://www.wr2-zone.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://www.wr2-zone.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://www.wr2-zone.de.tl/Topliste.htm">Topliste</a></li>
<li><a href="http://www.wr2-zone.de.tl/Umfragen.htm">Umfragen</a></li><li>
<li><a href="http://www.wr2-zone.de.tl/Impressum.htm">Impressum</a></li><li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">World Racing 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">

<li><a href="http://www.wr2-zone.de.tl/Beschreibung-des-Spiels.htm">Beschreibung des Spiels</a></li>
<li><a href="http://www.wr2-zone.de.tl/Forum.htm">Forum</a></li>
<li><a href="http://www.wr2-zone.de.tl/Cheats.htm">Cheats</a></li>
<li><a href="http://www.wr2-zone.de.tl/Eastereggs.htm">Eastereggs</a></li>
<li><a href="http://www.wr2-zone.de.tl/Liste-der-Autos.htm">Liste der Autos</a></li>
<li><a href="http://www.wr2-zone.de.tl/Screenshot_Galerie.htm">Screenshot-Galerie</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">ÜBERSCHRIFT 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">

<li><a href="http://www.">ÜBERSCHRIFT 3.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.4</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.5</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">ÜBERSCHRIFT 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">

<li><a href="http://www.">ÜBERSCHRIFT 4.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.5</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.6</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Partnerschaft</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">

<li><a href="http://www.wr2-zone.de.tl/Meine-Partner.htm">Meine Partner</a></li>
<li><a href="http://www.wr2-zone.de.tl/Banner.htm">Banner</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.3</a></li>

</ul>
</li>

</div>
</div>

Das was Rot makiert ist dort stellst du ein ob das menü höher oder tiefer muss.

Das Blaue ist die Positionierung also ob nach links ocder rechts


Hoffe konnte helfen

Mfg[/code]
______________


Zuletzt bearbeitet von gbpics4all am 06.11.2009, 11:16, insgesamt einmal bearbeitet
Beitrag06.11.2009 um 10:26 (UTC)    
Titel:

@ gbpics4all das mit dem verschieben hab ich schon erledigt...aber was war der fehler im code??? wegen dem ausklappen....



LG
Benny
______________
Alles über die Simpsons...Schau einfach mal vorbei !!!

Beitrag06.11.2009 um 10:34 (UTC)    
Titel:

Also er hatte bei dem smenü einmal nicht die Zahlen richtig eingestzt. Also bei Menü 4 und 5. Hier sein original



</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">ÜBERSCHRIFT 4</a>
<ul id="smenu3" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">

<li><a href="http://www.">ÜBERSCHRIFT 4.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.5</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.6</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Partnerschaft</a>
<ul id="smenu3" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">

<li><a href="http://www.wr2-zone.de.tl/Meine-Partner.htm">Meine Partner</a></li>
<li><a href="http://www.wr2-zone.de.tl/Banner.htm">Banner</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.4</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.5</a></li>

</ul>
</li>

</div>
</div>

Das Rote ist der Fehler. Da muss dann auch dem entsprechend die zahlr rein, also 4 und 5 und nicht weiter 3. siehe hier in Blau:

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">ÜBERSCHRIFT 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">

<li><a href="http://www.">ÜBERSCHRIFT 4.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.5</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.6</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Partnerschaft</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">

<li><a href="http://www.wr2-zone.de.tl/Meine-Partner.htm">Meine Partner</a></li>
<li><a href="http://www.wr2-zone.de.tl/Banner.htm">Banner</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.3</a></li>

</ul>
</li>

</div>
</div>
______________
Beitrag06.11.2009 um 10:39 (UTC)    
Titel:

xD so ein keiner verdammter fehler haha...man ich wusste das mit den zahlen etwas nicht stimmt aber das hab ich übersehn...man...!!!

danke für die antwort =)

LG
Benny
______________
Alles über die Simpsons...Schau einfach mal vorbei !!!

Beitrag06.11.2009 um 10:40 (UTC)    
Titel:

Kein Thema wirklich leicht ist so nen Collmenü nicht. Das hab ich selber schon oft genug gemerkt Wink
______________
Beitrag06.11.2009 um 10:48 (UTC)    
Titel:

Herzlichen Dank für die Hilfe Very Happy
Beiträge der letzten Zeit anzeigen:   


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