Autor |
Nachricht |
-
habbo-disco
|
29.07.2009 um 11:24 (UTC) Titel: Design CSS: Hauptnavigation mit ändernder Subnavigation |
|
|
Huhu.
Glaube falscher Titel aber egal XD.
Leider kann ich mich undeutlich erklären :/.
Ich möchte 2 Menüs haben.
Einmal eins in der Mitte (1.Menü) und eine unten links (2.Menü).
Also habe z.B. in (1.Menü, links nach rechts) Startseite,Community stehen.
Wenn ich auf Startseite bin ist im 2.Menü Home,News uvm.
Und wenn ich nun auf 1.Menü Community gehe wechselt sich das 2.Menü auf andere Links z.B. Link us. usw.
Wer hat davon ahnung kanns mir erklären.
BITTE
Zuletzt bearbeitet von habbo-disco am 04.08.2009, 21:37, insgesamt 2-mal bearbeitet
|
|
↑
|
|
|
-
djentertainment
|
30.07.2009 um 04:34 (UTC) Titel: |
|
|
du meinst dass als Mouseover sich ein neues Menü mit den Unterkategorien direkt daneben sich öffnet, oder?
Habe es mal etwas besser geschrieben damit die anderen es schneller verstehen. Leider kann ich dir dabei nicht helfen, da ich mich mit css nicht auskenne. ______________ Dj Sunshine - Ihr Party Dj in Norddeutschland
|
|
↑
|
|
|
-
habbo-disco
|
31.07.2009 um 17:33 (UTC) Titel: |
|
|
Genau das .
Danke das einer das versteht |
|
↑
|
|
|
-
the-fun-factory
|
31.07.2009 um 17:42 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
habbo-disco
|
31.07.2009 um 18:50 (UTC) Titel: |
|
|
;O.
Endlich!
Danke! .
Closen.
Danke .d |
|
↑
|
|
|
-
djentertainment
|
31.07.2009 um 18:56 (UTC) Titel: |
|
|
bitte fürs vereinfachen ______________ Dj Sunshine - Ihr Party Dj in Norddeutschland
|
|
↑
|
|
|
-
habbo-disco
|
03.08.2009 um 17:28 (UTC) Titel: |
|
|
ehm
Das Thema wurde gelöscht :/.
Hat eienr vieleicht ein Link davon woher er es hat? |
|
↑
|
|
|
-
ig444
Wohnort: Rüthen
|
|
↑
|
|
|
-
habbo-disco
|
03.08.2009 um 20:51 (UTC) Titel: |
|
|
Nein leider nicht :/.
Hab davor den perfekten Link bekommen, aber nun ist er weg |
|
↑
|
|
|
-
habbo-disco
|
03.08.2009 um 20:52 (UTC) Titel: |
|
|
http://cplusplus4you.de.tl/
Hier schau mal .
Da ist das Menü wie ich es wollte^^.
Die person ist leider nicht mehr tätig ./ |
|
↑
|
|
|
-
ig444
Wohnort: Rüthen
|
|
↑
|
|
|
-
habbo-disco
|
03.08.2009 um 21:18 (UTC) Titel: |
|
|
Mhh.
Leider kann ich nicht richtig coden *_*.
Muss es also erstmal lernen^^.
Ist der code wie auf deiner Seite .
So möchte ich es nähmlich haben^^ |
|
↑
|
|
|
-
the-fun-factory
|
04.08.2009 um 13:01 (UTC) Titel: |
|
|
Hi,
ich hab mal was bei Selfhtml rausgesucht: http://de.selfhtml.org/css/layouts/navigationsleisten.htm
Und hier nochmal der originalcode vom Beitrag, der gelöscht wurde:
Zitat: <style type="text/css" media="screen">
<!--
body /*allgemeine Einstellungen*/
{
font-family: Verdana, sans-serif;
font-size: 14px; /*Schriftgröße*/
overflow: auto;
padding: 10px; /*Innenabstand der Buttons*/
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.menu /*positionierung des menues*/
{
position: absolute;
z-index: 3;
top: 10px; /*Abstand nach oben*/
left: 10px; /*und nach links*/
}
.menu li
{
width: 140px; /*breite der menu buttons*/
float: left;
}
.menu a /*aussehen der buttons*/
{
border: 1px solid #00000; /*rahmen breite und farbe*/
background-color: #ffffff; /*hintergrundfarbe*/
bachground-image:url(); /*hintergrundbild bildurl in klammern*/
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px; /*hoehe der buttons*/
color: #0000ff; /*Schriftfarbe*/
}
.menu a:hover /*hover einstellungen*/
{
background-color: #cccccc; /*Hintergrundfarbe*/
background-image:url(); /*Hintergrundbild bildurl in klammern*/
}
#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;
}
//-->
/*nach dem styletag beginnt der code diesen nich veraendern*/
</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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menu 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://seite.de">Subkategorie 1.1</a></li>
<li><a href="http://seite.de">Subkategorie 1.2</a></li>
<li><a href="http://seite.de">Subkategorie 1.3</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Menu 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://seite.de">Subkategorie 2.1</a></li>
<li><a href="http://seite.de">Subkategorie 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menu 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://seite.de">Subkategorie 3.1</a></li>
<li><a href="http://seite.de">Subkategorie 3.2</a></li>
<li><a href="http://seite.de">Subkategorie 3.3</a></li>
<li><a href="http/::seite.de">Subkategorie 3.4</a></li>
<li><a href="http://seite.de">Subkategorie 3.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menu 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://seite.de">Subkategorie 4.1</a></li>
<li><a href="http://seite.de">Subkategorie 4.2</a></li>
<li><a href="http://seite.de">Subkategorie 4.3</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
hatte den zufällig noch aufm Rechner
In den Styletags sind die Wichtigsten einstellungen rot markiert. Was sie bewirken steht dhinter in, z.B. /*kommentar*/
Nach dem Javascript:
- Blau: überschrift des Hauptmenüs
- Grün: Überschrift der Unterlinks
- Rot: Links, im Unternenü. Wichtig ist, dass immer http:// vorangestellt ist. ______________
Zuletzt bearbeitet von the-fun-factory am 04.08.2009, 18:26, insgesamt 2-mal bearbeitet
|
|
↑
|
|
|
-
habbo-disco
|
04.08.2009 um 19:30 (UTC) Titel: |
|
|
Danke für die Menü .
Aber das ist nicht was ich wollte^^.
Hab davor eine Seite hinzugefügt die es so gemacht hat wie ich wollte . |
|
↑
|
|
|
-
the-fun-factory
|
|
↑
|
|
|
|