Menu mit CSS formatieren

  • chantal
  • Autor
  • Neues Mitglied
  • Neues Mitglied
Mehr
21 März 2010 15:18 #25342 von chantal
Menu mit CSS formatieren wurde erstellt von chantal
Hallo
Ich habe schon viele Homepages konventionell mit HTML und CSS programmiert. Mit der CSS Datei von Joomla habe ich aber etwas Mühe, mich zurechtzufinden.
Das Hauptmenu konnte ich bereits ziemlich nach meinen Wuenschen formatieren:
- Ich möchte aber auch noch, dass der aktive Link rot bleibt wie beim Hoover Effekt.
- Beim Hoover wie beim aktiven Link möchte ich ebenfalls, dass die Hintergrundfarbe ändert ( die gleiche Farbe wie rechts haben.)

Bei den Untermenus klappt es auch nicht so recht:
- Ich möchte dort den font-size kleiner haben, auch sollten sie aktiv rot bleiben und auch die Hintergrundfarbe ändern.

Ich verwende als Hilfe den Firebug, bin aber damit auch noch nicht so vertraut.

Es handelt sich um folgende Site --ALTER LINK WURDE ENTFERNT--

Vielen Dank für die Hilfe
Chantal

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
22 März 2010 08:05 #25352 von jimbo
jimbo antwortete auf Re: Menu mit CSS formatieren
Der aktive Menülink in Joomla trägt die Klasse "current", die anderen inge lassen sich relativ einfach mit dem Firebug (FB) herausfinden: FB-Fenster öffnen (HTML, Inspektion aktivieren) und dann die Maus über das gewünschte Element bewegen. Schon ist zu sehen, welche Klassen angewendet werden...

Gruss Dany (Jimbo)
Kein Support per PN.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • Schtrietfaidor
  • Neues Mitglied
  • Neues Mitglied
Mehr
22 März 2010 12:58 #25356 von Schtrietfaidor
Schtrietfaidor antwortete auf Re: Menu mit CSS formatieren
Hallo Chantal,

- Ich möchte aber auch noch, dass der aktive Link rot bleibt wie beim Hoover Effekt.


in template.css ergänzen (am besten nach zeile 910)
Code:
.art-BlockContent-body li#current { color:#900; }

- Beim Hoover wie beim aktiven Link möchte ich ebenfalls, dass die Hintergrundfarbe ändert ( die gleiche Farbe wie rechts haben.)

Code:
.art-BlockContent-body ul li:hover { background:#DEINEFARBE; }

Bei den Untermenus klappt es auch nicht so recht:

Code:
.art-BlockContent-body ul li { DEINEDEFINITIONEN }

Viele weitere Defintionen erfordern einen tieferen Einstieg in (Joomla!-)CSS.
Aber ich hoffe, das hilft Dir erstmal weiter.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Moderatoren: Tribal6RePaoDragonlordChris Hoefligerpascaleadiheutschi.ch
Powered by Kunena Forum

Joomla! Verband Schweiz - Mitglied werden