Imagenavigation, aktiver Link statisch
Eingetragen von timson (6)am 08.06.2011 - 15:31 Uhr in
Hallo,
ich versuche grad mein erstes Projekt in Drupal zu realiserieren. Bis jetzt klappt eig. alles ganz gut, nur momentan Stoß ich an ein Problem wo ich nicht so Recht weiter weiss...
Meine Navigation bekommt via "Menu attributes" ne ID mit ihrem Background, sowie dem dazu gewollten Hover ... jetzt hätte ich aber gerne, dass der momentan aktive Link statisch mit dem Hover versehen bleibt, bis eben ein neuer Navigationspunkt angeklickt wird. Ich wüsste jetzt nicht wie ich das über CSS realisieren sollte, kann mir ggf. jemand einen Gedankenanstoß geben? :) Oder gibts dazu auch ein Modul?
Was vllt noch erwähnenswert wäre ist, dass das ganze auf Drupal 7 aufbaut.
Danke im vorraus :)
- Anmelden oder Registrieren um Kommentare zu schreiben
timson schrieb Ich wüsste
am 08.06.2011 - 17:36 Uhr
Ich wüsste jetzt nicht wie ich das über CSS realisieren sollte, kann mir ggf. jemand einen Gedankenanstoß geben? :) Oder gibts dazu auch ein Modul?
Reines CSS. Du musst eigentlich nur "a:hover" und "li.active-trail a" die gleiche Optik verpassen.
Mh, braucht es dazu noch
am 09.06.2011 - 14:42 Uhr
Mh, braucht es dazu noch irgend ein Modul? Weil so funktionierts nicht – zumindest nicht bei mir :/
Nein, ein Modul benötigst Du
am 09.06.2011 - 20:43 Uhr
Nein, ein Modul benötigst Du dafür nicht. Hast Du evtl. einen Link zu Seite?
Hallo! Ich habe gerade das
am 23.07.2011 - 16:38 Uhr
Hallo!
Ich habe gerade das gleiche Problem und hole daher diesen Thread mal wieder hervor.
Ich habe die Hilfestellung hier leider nicht genau verstanden...
Ich habe, ebenfalls in Drupal7, den Menüpunkten eine css-id zugewiesen (attribute-modul) und habe in der CSS datei der jeweiligen id auch die entsprechenden werte zugewiesen:
#menu_attri {
display:block;
width: 130px;
height: 39px;
background: green;
}
#menu_attri:hover {
background: yellow url(../images/menu_community.jpg) no-repeat;
}
#menu_attri:active {
background: green url(../images/menu_wow.jpg) no-repeat;
}
#menu_attriActive {
background: red url(../images/menu_wow.jpg);
}
Die Funktion von :hover und :active funktioniert auch. Auf einer anderen Internetseite habe ich gelesen, dass "blaActive" den Link markiert hält, wenn er angewählt ist. Das funktioniert bei mir leider nicht.
Hier habe ich gerade von der "li.active-trail a" Variante gelesen, kann die allerdings nicht so ganz einordnen. Kann mir da jemand vielleicht noch eine genauere Erklärung geben?
Danke!!
Wie zeigst Du denn Deine
am 23.07.2011 - 17:45 Uhr
Wie zeigst Du denn Deine Menus an? Bei den Standardmenus werden die erwähnten Klassen angezeigt und Du benötigst keine Zusatzmodule. Wenn Du aber Deine Menus als Block anzeigst, dann hast Du die Klassen nicht!
Nimm also am Besten ein Standardmenu wie das "Hauptmenu" als Seitenmenu, dann reichen die Klassen, die Drupal zur Verfügung stellt allemal! Sieh Dir vielleicht mal in einem Standartheme wie Bartik einzelne Menupunkte mit dem Firebug an. Dann siehst Du auch die entsprechenden Klassen.
Hallo Thor! Vielen Dank für
am 23.07.2011 - 18:29 Uhr
Hallo Thor!
Vielen Dank für die schnelle Antwort!
Ich habe das Problem jetzt gelöst. Ich hatte das Prinzip von Klassen und ID's nicht so richtig durchschaut. Daher hat meine ID die Klasse immer überschrieben... Mit dem Modul 'Menu Attributes' kann man dem Menüpunkt auch noch eine weitere Klasse zuweisen. Ich habe jetzt also eine zweite Klasse zugefügt, und wenn dann beide zusammen auftreten, dann wird der hintergrund entsprechend geändert.
Für den unbesuchten Link greift
a.bla:link {background: none repeat scroll 0 0 red;
}
Für den aktiven:
a.bla.active-trail {background: none repeat scroll 0 0 blue;
}
Ich hoffe dann einfach mal, dass alle Browser inzwischen mit mehreren Klassen umgehen können.
Nochmals danke für die Mühen!
Gruß
J
jenny23billig schrieb ... Mit
am 23.07.2011 - 20:51 Uhr
... Mit dem Modul 'Menu Attributes' kann man dem Menüpunkt auch noch eine weitere Klasse zuweisen. Ich habe jetzt also eine zweite Klasse zugefügt, und wenn dann beide zusammen auftreten, dann wird der hintergrund entsprechend geändert.
Tja ... warum einfach, wenn man es auch kompliziert mit einem Zusatzmodul erledigen kann, das noch dazu eventuell nicht von Browsern richtig interpretiert wird. Aber das musst Du selbst wissen. Ich werde weiterhin auf die millionenfach bewährte Standardlösung von Drupal setzen, was Klassen im Menu angeht.