Suche im Forum:
Suchen


Autor Nachricht
Beitrag21.10.2008 um 11:13 (UTC)    
Titel: Code für MEIN coolmenü
Antworten mit Zitat
Hey

ich möchte mein aktuelles Menü gerne als Coolmenü habn. Kann mir da jemand helfen. www.pinkspage.com hier nen konkretes beispiel Wink


Zuletzt bearbeitet von lieblingsbuch-test am 28.10.2008, 15:57, insgesamt einmal bearbeitet
↑
Beitrag27.10.2008 um 16:25 (UTC)    
Titel:
Antworten mit Zitat
huhu?
↑
Beitrag27.10.2008 um 21:13 (UTC)    
Titel:
Antworten mit Zitat
Nichts huhu, warte doch mal, sag halt wie du es genau willst. Und der Code bringt nichts. Der hat gar nichts cooles - wörtlich genoommen.
Warte mal bis morgen früh dann codiere ich dir das. Very Happy

Gruß
Tonio (bist du das, FLO?)


Zuletzt bearbeitet von sansprenom-arts am 27.10.2008, 22:14, insgesamt einmal bearbeitet
↑
Beitrag28.10.2008 um 14:55 (UTC)    
Titel:
Antworten mit Zitat
ne das Coolmenü gibts ja NOCH NICHT. KEIN FLO. WEIBLICH. Wink


Zuletzt bearbeitet von lieblingsbuch-test am 28.10.2008, 15:56, insgesamt einmal bearbeitet
↑
Beitrag28.10.2008 um 15:19 (UTC)    
Titel:
Antworten mit Zitat
Hi! Ich habe mal diesen Code aus dem Forum heraus genommen, probiere es mal, bin mir aber nicht sicher ob es funktioniert.

_________________

<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;
}

.menuscript
{
position: relative;
z-index: 3;
top: 10px;
}

.menuscript li
{
width: 100px;
float: left;
}

.menuscript a
{
border: 1px solid #888;
background-color: #09c;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #000;
}

.menuscript a:hover
{
background-color: #1D4B62;
color: #fff;
}

#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 12px;
display: none;
width: 100px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
color: #fff;
font-size:12px;
}


//-->
</style>


<div align="center">
<table border="0" width="100%" id="table2">
<tr>
<td height="190" valign="top">
<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>

</head>
<body bgcolor="#1D4B62">
<div class="menuscript" align="center">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
Header</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://link.htm">Iceblue</a></li>
<li><a href="http://link.htm">Butterfly</a></li>
<li><a href="http://link.htm">Red</a></li>
<li><a href="http://link.htm">Colourful</a></li>
<li><a href="http://link.htm">Love</a></li>
<li><a href="http://link.htm">Girls-Woman</a></li>
<li><a href="http://link.htm">Cats-Katzen</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
Balken</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://link.htm">Butterfly</a></li>
<li><a href="http://link.htm">Colourful</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
Button</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://link.htm">Iceblue</a></li>
<li><a href="http://link.htm">Butterfly</a></li>
<li><a href="http://link.htm">Red</a></li>
<li><a href="http://link.htm">Colourful</a></li>
<li><a href="http://link.htm">Love</a></li>
<li><a href="http://link.htm">Girls-Woman</a></li>
<li><a href="http://link.htm">Cats-Katzen</a></li>
</ul>
</li>


</ul>
</div>

</td>
</tr>

</table>
</div>
↑
Beitrag28.10.2008 um 15:21 (UTC)    
Titel:
Antworten mit Zitat
Nimm lieber diesen Code, der scheint richtiger zu sein.

<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 5px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 160px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}

/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #00CCFF;
background-image: url(URL);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 160px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<!-- Anfang des Scriptes -->

<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>

<!-- Ende des Scriptes -->

<div class="menu">

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

<!-- Menupunkt1 = Überschrift
Menupunkt1.1 und Menupunkt1.2 = Untermenüpunkte
Es können noch weitere Untermenüpunkte nach diesem Schema eingebaut werden:

<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>

-->

<li><a href="http://Menupunkt1.1.htm">Menupunkt1.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt1.2</a></li>

</ul>
</li>

<!-- Hier können weitere Menüs eingefügt werden, einfach den oberen Teil kopieren und anpassen
'smenu1' muss dann entsprechend hochgezählt werden (4x)

<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menupunkt1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://Menupunkt1.1.htm">Menupunkt1.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt1.2</a></li>
<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>

</ul>
</li>

-->

</div>


Zuletzt bearbeitet von dein-lieblingsbuch am 28.10.2008, 16:24, insgesamt einmal bearbeitet
↑
Beitrag28.10.2008 um 15:23 (UTC)    
Titel:
Antworten mit Zitat
Cool danke. Werde das später mal testen. Hatte noch wichtigere Fragen als diese Wink
↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


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

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.