Suche im Forum:
Suchen


Autor Nachricht
Beitrag04.08.2009 um 19:04 (UTC)    
Titel: Design CSS: Zweite Navigationsleiste
Antworten mit Zitat
Hey Leute!

Kann mir jemand diesen Code so verändern, dass ich noch eine 2. Navigationsleiste an einer anderen Stelle einbauen kann...z.B. unten...also ich meine einfach dass ich diesen Code nochmal verwenden kann...

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

.menu
{
position: absolute;
z-index: 3;
top: 10px;
left: 10px;
}

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

.menu a
{
border: 1px solid #888;
background-color: #fff;
bachground-image:url();
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #000;
}

.menu a:hover
{
background-color: #ccc;
background-image:url();
}

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

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
}
//-->
</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>

</head>
<body>

<div class="menu">
<ul>
<li><a href="http://www.seite.de.tl" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menu 1</a>
</li>

<li><a href="http://www.seite.de.tl" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Menu 2</a>
</li>

<li><a href="http://www.seite.de.tl" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menu 3</a>
</li>

<li><a href="http://www.seite.de.tl" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menu 4</a>
</li>
</ul>
</div>

</body>
</html>


Schonmal danke...

MFG PhilNet


Zuletzt bearbeitet von philnet am 04.08.2009, 20:10, insgesamt einmal bearbeitet
↑
Beitrag04.08.2009 um 19:07 (UTC)    
Titel:
Antworten mit Zitat
Hi,

einfach den Codfe nochmel einbauen? - Wenn ich dich richtig verstanden hab, möchtest du bzwei coolmenüs haben, oder?
______________
↑
Beitrag04.08.2009 um 19:25 (UTC)    
Titel:
Antworten mit Zitat
Genau das meine ich... Rolling Eyes
Ich hab keine Ahung warum ich das nicht so ausgedrückt habe Very Happy
↑
Beitrag04.08.2009 um 22:44 (UTC)    
Titel:
Antworten mit Zitat
Hier mal der Code:
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: 10px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 133px;
left: 180px;
}

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

.menu a
{
background-color: #trasnparent;
bachground-image:url();
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 19px;
color: #000000;
}

.menu a:hover
{
background-color: #ccc;
background-image:url(http://img.webme.com/pic/p/pn-test/ih.png);
}

//-->
</style>
<div class="menu">
<li><a href="/Startseite.htm" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Startseite</a>
</li>
<li><a href="/G_Book.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">G-Book</a>
</li>
<li><a href="/Grafiken.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Grafiken</a>
</li>
<li><a href="/Designs.htm" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Designs</a>
</li>
<li><a href="/Downloads.htm" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Downloads</a>
</li>
<li><a href="/Vote-4-me.htm" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Vote 4 me</a>
</li>
<li><a href="/Link-me.htm" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Link me</a>
</li>
<li><a href="/Partner.htm" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Partner</a>
</li>
<li><a href="/Impressum.htm" onmouseover="montre('smenu9');" onmouseout="cache('smenu9');">Impressum</a>
</li>
</div>

<style type="text/css" media="screen">
<!--
/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul.class, li.class
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li.class a
{
padding-right: 20px;padding-top: 10px;
}

div.menu2
{
position: absolute;
z-index: 3;
top: 150px;
left: 10px;
}

.menu2 li
{
width: 140px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu2 a
{
background-color: #000000;
bachground-image:url();
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #fbff00;
}

.menu2 a:hover
{
background-color: #ccc;
background-image:url(http://img.webme.com/pic/p/pn-test/ih.png);
}
//-->
</style>
<div class="menu2">
<li><a href="/Startseite.htm" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Startseite</a>
</li>
<li><a href="/G_Book.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">G-Book</a>
</li>
<li><a href="/Grafiken.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Grafiken</a>
</li>
<li><a href="/Designs.htm" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Designs</a>
</li>
<li><a href="/Downloads.htm" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Downloads</a>
</li>
<li><a href="/Vote-4-me.htm" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Vote 4 me</a>
</li>
<li><a href="/Link-me.htm" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Link me</a>
</li>
<li><a href="/Partner.htm" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Partner</a>
</li>
<li><a href="/Impressum.htm" onmouseover="montre('smenu9');" onmouseout="cache('smenu9');">Impressum</a>
</li>
Die verschieden Farben kennzeichnen die verschiedene Coolmenü's.

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 05.08.2009, 12:18, insgesamt 2-mal bearbeitet
↑
Beitrag05.08.2009 um 10:41 (UTC)    
Titel: [noch offen] 2. Navigationsleiste
Antworten mit Zitat
Aber das wären dann wieder Navis zum aufklappen!
Ich brauche 2 die man nicht aufklappen kann.

Vill hilft das Arrow http://pn-test.de.tl/Startseite.htm
unten in die Zeile soll die 2. rein

MFG
PhilNet
↑
Beitrag05.08.2009 um 11:19 (UTC)    
Titel:
Antworten mit Zitat
So, Ich habe nochmal den Code editiert Wink

Sollte jetzt eigentlich alles klappen Smile

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
↑
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.