Horizontales Hauptmenü mit Buttons
Eingetragen von nineteen (21)am 30.08.2010 - 20:47 Uhr in
Hey an alle,
Ich sitze jetzt gefühlte 3 Tage und versuche hoffnungslos ein horizontales Menü zu erstellen.
Mittlerweile bin ich ca. 20 Tutorials durchgegangen, doch schaff es einfach nicht, liegt wohl an zu mangelhaften Kenntnissen meinerseits :/
Ich möchte ein ganz normals Menü, wie zB das von drupalcenter: http://img836.imageshack.us/f/menuhorizontaly.jpg/ erstellen.
Es soll nicht aufklappbar sein, aber Roll-over-Buttons enthalten.
Ich habe es jetzt schon mit nice_menus oder taxonomy_menu probiert. Es muss doch gehn, die Primary Links in eine Region (ich hab mir bereits eine Region unter dem Header erstellt) zu packen, diese dann
mit Hilfe von CSS horizontal zu machen und die Buttons drübergeben (da weiss ich leider überhaupt nicht wo ich anfangen soll :(.... )
Falls mir wer einen Denkanstoß bzw. ein (NÜTZLICHES) Tutorial geben könnte, nur zu :)
Danke erstmal für eure Hilfe =)
PS: Wenn ich die Primary Links in meine Region setze, werden sie nur unter dem Link /admin/build/block angezeigt und sobald ich zB zu "Home" wechsle, werden die Primary Links wieder stink normal im Header angezeigt ... trotz "speichern" :(
- Anmelden oder Registrieren um Kommentare zu schreiben
Du hast das schon richtig
am 30.08.2010 - 21:02 Uhr
Du hast das schon richtig gesagt, das ist alles eine reine CSS Sache. Die Primary Links werden aber darüber hinaus in vielen Themes separat behandelt und werden nicht nur als Block sondern auch noch in der page.tpl.php ausgegeben. Da kann man sich sehr wundern, warum das an einer Stelle erscheint, die man garnicht will.
Beste Grüße
Werner
Danke erstmal für deine
am 31.08.2010 - 15:47 Uhr
Danke erstmal für deine Antwort, somit wäre schon ein kleiner Teil meiner Frage beantwortet =)
Jetzt wäre aber noch der Hauptteil offen, ohne dem ich leider nicht weitermachen kann :(
Bitte weiterhin um Hilfe! LG :)
Das ist hier eigentlich ein
am 31.08.2010 - 17:32 Uhr
Das ist hier eigentlich ein Drupalforum und kein CSS-Forum.
Dein Menü ist ein Block. Das Nachsehen in der Source der Seite (kann man sich in jedem Browser ansehen) hätte sofort gezeigt, daß dieser Block eine eindeutige ID hat. Danach kommt wegen Menü ein ul-Tag danach li-Tags. Denen verpaßt ein ein float: left und eine margin-right wegen des Abstandes. Mit der Pseudoklasse :hover kannst Du entweder die Hintergrundfarbe wechseln bei Mausover oder ein anderes Hintergrundbild setzen.
CSS ist nun mal Grundlage für jedes Basteln am Theme. Wer sich da nicht einarbeiten will, nimmt eben das Theme wie es ist.
Beste Grüße
Werner
Danke nochmals für deine
am 31.08.2010 - 20:31 Uhr
Danke nochmals für deine Antwort.
Das mit den ul und li Codes habe ich jetzt verstanden, jedoch habe ich das Problem, dass die Primary Links und die
Hauptnavigation in der selben Klasse definiert sind. Dh sobald ich meine Primary Links ändere wird auch das Navigations Menü verändert -.-
Könntest du mir eventuell sagen, wie ich das Primary Menü in eine eigene Klasse definiere, um es dann dort ändern zu können?
Ich weiß, dass dies kein CSS-Forum ist, doch benötige ich das ganze um meine Drupal Seite fertig zu stellen.
Bitte hilf mir noch einmal, dann kann dieser Thread geschlossen werden.
DANKE schonmal,
LG :)
Wie ich schon oben erwähnte,
am 31.08.2010 - 22:23 Uhr
Wie ich schon oben erwähnte, das Menü hat eine eindeutige ID. Von der mußt Du ausgehen, nicht von der Klasse des Menüs. Bei mir hat auch der ul-Tag eine ID. IDs sind zwingend immer eindeutig auf einer Seite. Bei mir entspricht die ID beim ul dem Namen des Menüs. Das sollte Dir reichen.
Also z.B #navigation ul#main-menu li { . . . . . . . }
Beste Grüße
Werner