Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag29.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 Smile


Zuletzt bearbeitet von habbo-disco am 04.08.2009, 21:37, insgesamt 2-mal bearbeitet
Beitrag30.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 Laughing 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
Beitrag31.07.2009 um 17:33 (UTC)    
Titel:

Genau das Very Happy.
Danke das einer das versteht Mr. Green
Beitrag31.07.2009 um 17:42 (UTC)    
Titel:

Beitrag31.07.2009 um 18:50 (UTC)    
Titel:

;O.
Endlich! Mr. Green
Danke! Smile.
Closen.
Danke .d
Beitrag31.07.2009 um 18:56 (UTC)    
Titel:

bitte fürs vereinfachen
______________
Dj Sunshine - Ihr Party Dj in Norddeutschland
Beitrag03.08.2009 um 17:28 (UTC)    
Titel:

ehm Embarassed
Das Thema wurde gelöscht :/.
Hat eienr vieleicht ein Link davon woher er es hat?
Beitrag03.08.2009 um 18:07 (UTC)    
Titel:

Meinst du das:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=95614

Das Tutorial überschnitt sich mit dem Coolmenü (genau das Gleiche):
http://www.homepage-baukasten.de/forum/viewtopic.php?t=101593

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beitrag03.08.2009 um 20:51 (UTC)    
Titel:

Nein leider nicht :/.
Hab davor den perfekten Link bekommen, aber nun ist er weg
Beitrag03.08.2009 um 20:52 (UTC)    
Titel:

http://cplusplus4you.de.tl/
Hier schau mal Wink.
Da ist das Menü wie ich es wollte^^.
Die person ist leider nicht mehr tätig ./
Beitrag03.08.2009 um 21:02 (UTC)    
Titel:

Vielleicht meinst du das:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=100354

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beitrag03.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 Smile.
So möchte ich es nähmlich haben^^
Beitrag04.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 Wink

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
Beitrag04.08.2009 um 19:30 (UTC)    
Titel:

Danke für die Menü Smile.
Aber das ist nicht was ich wollte^^.
Hab davor eine Seite hinzugefügt die es so gemacht hat wie ich wollte Wink.
Beitrag04.08.2009 um 19:35 (UTC)    
Titel:

ok, das gepostete ist horizontal. Hier nocheins, dass vertikal iast: http://www.homepage-baukasten.de/forum/viewtopic.php?t=95614&highlight=foldout+vertikal

Das aussehen kannst du natürlich via Css frei ändern. Falls du lust hast CSS zu lernen: http://www.css4you.de/wscss/index.html . (HTML kentnisse vorrausesezt)
______________

Beiträge der letzten Zeit anzeigen:   


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