Wie baut man eine 2. horizontale Menuleiste für das Submenu ein?

Guten Morgen,
von CSS hab Ich auch noch nicht so viel Ahnung. Hab aber in den letzten Tagen die Erfahrung gemacht das ausprobieren das beste ist.

Die 6stelligen Codes hinter dem # sind Hex-Farbcodes. Auch das kurze #fff ist ein Hexcode. Lang währe es #FFFFFF. Hexcodes legen Farben fest. Du kannst sie Tabellen im Internet (google) oder einem Grafikprogramm entnehmen.

Überall wo vor dem Hexcode ein Background steht legst du den Hintergrund für etwas fest.

Unter Fontfamilie kannst du Schrieftarten vorgeben und unter Fontsize die Schriftgröße.

float steht für die Schreibrichtung und ein boarder gefolgt von einer Pixelangabe meistens für einen Rand.

Soweit bin Ich. Probier es einfach am besten mal. Ist garnicht so schwer ;-)

lg
Yava

Hallo, das ist mir schon klar.

Die Abstimmungen werden konkret im folgenden Abschnitt vorgenommen:

#menu a
{
background-color:#000000;
border-left:6px solid #000000;
color:#fff;
float:left;
height:1.25em;
margin:0;
padding:0.4em 1em 0.3em 0.3em;
text-decoration:none;
}

Ich habe das schon im Vorfeld gemacht als ich das Theme nach meinem Empfinden angepasst habe. Das Problem ist folgendes:

http://www.stamptrader.ch/drupal/

Wenn ich hier z.B. den Hex #000000 verwende, dann ist die Menuleiste schwarz. Der Hex :#fff regelt die Schriftfarbe (weiss). Das ist nicht mein Problem. Mein Problem ist, dass ich eine 2. Menuleiste für die Submenus eingebaut habe und dieses nun mit einer anderen beliebigen Farbe, die im Moment nichts zur Sache tut ändern möchte. Und vergesst bitte im Moment den unschönen Abstand zwischen den Menuleisten, der ist auch kein Problem, das habe ich gemacht um deutlich zu machen, dass es sich um 2 verschiedene Menuleisten handelt. Er wird weggenommen sobald das Problem gelöst ist.

Mit dem gegenwärtigen CSS kann ich für beide Leisten nur 1 Farbe definieren, da ich dann immer gleich beide Menuleisten ändere wenn ich border-left:6px solid #000000; ändere. Ich habe eben nur für die /*----------menu bar - primary links----------*/ die CSS. Kopieren und Kopie ändern in /*----------menu bar - secondary links----------*/ geht nicht.

Andere CSS arbeiten mit maintab links und subtab links usw.....das gibt es hier aber nichts.

So ähnlich sollte es irgendwann einmal aussehen...man sieht die Primary Links oben in Schwarz und die Secondary Links unten in einer blauen Menuleiste.

http://www.revolutiontheme.com/magazine/

PS: In der Pape.tpl.php habe ich die 2. Menuleiste mit $secondary_links eingebaut. die 1. Leiste heisst $primary_links. So gibt es das Theme vor. Andere Themes arbeiten mit maintab und subtab usw.

du musst zusehen, dass du für die zweite leiste eine eigene id zugewiesen bekommst. dann kannst du dieser id eigene styles zuweisen. probier mal den code von dieser seite: http://drupal.org/node/63601

viel glück!
anja

Hallo Anja

Vielen Dank für die Hilfe. Die Codes von deinem Link habe ich zwar nicht gebraucht, doch der Hinweis mit der id war genau das Richtige!

Ich habe es folgendermassen gelöst:

In der

page.tpl.php

hatte ich

div id="menu"

das habe ich in div id="primary" und bei der Kopie in div id="secondary" geändert.

Danach habe ich im CSS.Style die Menu CSS kopiert (einmal für primary und einmal für secondary und danach überall "menu" mit "primary" bzw. bei der Kopie mit "secondary" ersetzt. Jetzt funzt es. :)

Beispiel für Änderung im CSS

#menu a <--------------------------------ersetzt mit #primary respektive bei der Kopie mit #secondary
{
background-color:#000000;
border-left:6px solid #000000;
color:#fff;
float:left;
height:1.25em;
margin:0;
padding:0.4em 1em 0.3em 0.3em;
text-decoration:none;
}

So, jetzt bin ich ein Schritt weiter....

PS: "secondary links" ist ein Submenu, welches ich vorher unter Verwaltung/Strukturierung/Menus/Menu hinzufügen definiert habe. (es gab dort vorher nur primary links und die Navigation)

Hey cool, sieht gut aus!