Joomla! Forum Schweiz wird Teil der D-A-CH Community

Nach vielen Jahren als zentrale Anlaufstelle für Fragen rund um Joomla! in der Schweiz wird das Joomla! Forum Schweiz künftig als Archiv weitergeführt.

Die Joomla!-Communities aus Deutschland, Österreich und der Schweiz arbeiten heute enger denn je zusammen. Deshalb bündeln wir künftig auch den deutschsprachigen Support und Austausch an einem gemeinsamen Ort im Joomla! D-A-CH Forum.

Für neue Fragen, Diskussionen und den Austausch mit der Community nutzt bitte ab sofort:

forum.joomla.de

Das Joomla! Forum Schweiz bleibt weiterhin bestehen und wird als Archiv im Lesemodus erhalten. Die vielen Beiträge, Lösungen und Erfahrungen aus den vergangenen Jahren bleiben damit weiterhin zugänglich und über die Suche auffindbar.

Wir bedanken uns herzlich bei allen Mitgliedern, Moderatoren und Helfern, die das Schweizer Joomla! Forum über viele Jahre mit ihrem Wissen und ihrem Engagement geprägt haben.

Wir sehen uns im Joomla! D-A-CH Forum!

Verschiedenfarbige CSS-Buttons für Navigation

  • abhijit.bossotto
  • Autor
  • Neues Mitglied
  • Neues Mitglied
Mehr
15 Aug. 2008 11:31 #15969 von abhijit.bossotto
Verschiedenfarbige CSS-Buttons für Navigation wurde erstellt von abhijit.bossotto
Sali zäme,

ich möchte die Hauptnavigation mit CSS gestalteten Buttons verschönern. Dabei möchte ich, dass bei jedem Menupünkt eine andere Farbe beim Hover (drüberfahren) angezeigt wird. Kann ich für jeden einzelnen Menupunkt eine Klasse definieren? Falls ja, wo? Oder kann ich ggf. dafür eine Erweiterung nutzen, die das erledigt?

Ich benutze Joomla 1.5.6 :)

Danke für die Inputs!

Abhijit
  • DietmarH
  • Neues Mitglied
  • Neues Mitglied
Mehr
15 Aug. 2008 12:04 #15970 von DietmarH
DietmarH antwortete auf Re: Verschiedenfarbige CSS-Buttons für Navigation
Gib das Menü als Liste aus, dann bekommt jeder Menüpunkt automatische eine eindeutige Klasse.
  • abhijit.bossotto
  • Autor
  • Neues Mitglied
  • Neues Mitglied
Mehr
15 Aug. 2008 12:50 #15975 von abhijit.bossotto
abhijit.bossotto antwortete auf Re: Verschiedenfarbige CSS-Buttons für Navigation

DietmarH schrieb: Gib das Menü als Liste aus, dann bekommt jeder Menüpunkt automatische eine eindeutige Klasse.


danke dietmar :) der tag lautet dann so:
Code:
<li id="current" class="active item53">

wie kann ich für current die classe active item53 definieren? das problem ist wohl, dass joomla die klasse "active item53" so darstellt (ohne unterstrich zwischen beiden wörtern). die aktive klasse wäre dann auch für jede seite individuell...
  • DietmarH
  • Neues Mitglied
  • Neues Mitglied
Mehr
15 Aug. 2008 13:13 #15979 von DietmarH
DietmarH antwortete auf Re: Verschiedenfarbige CSS-Buttons für Navigation
Mit einem Leerzeichen dazwischen sind es zwei Klassen, die du separat gestalten kannst.
  • abhijit.bossotto
  • Autor
  • Neues Mitglied
  • Neues Mitglied
Mehr
15 Aug. 2008 13:30 #15980 von abhijit.bossotto
abhijit.bossotto antwortete auf Re: Verschiedenfarbige CSS-Buttons für Navigation

DietmarH schrieb: Mit einem Leerzeichen dazwischen sind es zwei Klassen, die du separat gestalten kannst.


ich bin offenbar zu dämlich :-(

wie müsste dann die klasse z.b. für menupunkt 53 so lauten?

und wie dann für menupunkt 54?

danke schon mal für deinen input. ich steh wirklich auf'm schlauch.
  • abhijit.bossotto
  • Autor
  • Neues Mitglied
  • Neues Mitglied
Mehr
15 Aug. 2008 15:23 #15983 von abhijit.bossotto
abhijit.bossotto antwortete auf Re: Verschiedenfarbige CSS-Buttons für Navigation

abhijit.bossotto schrieb:

DietmarH schrieb: Mit einem Leerzeichen dazwischen sind es zwei Klassen, die du separat gestalten kannst.


ich bin offenbar zu dämlich :-(

wie müsste dann die klasse z.b. für menupunkt 53 so lauten?

und wie dann für menupunkt 54?

danke schon mal für deinen input. ich steh wirklich auf'm schlauch.


hat vielleicht sonst jemand eine idee?
Mehr
15 Aug. 2008 21:24 #15995 von patrick
patrick antwortete auf Re: Verschiedenfarbige CSS-Buttons für Navigation
CSS ist ein sehr komplexes Thema und Joomla! baut voll auf CSS. Wenn du nicht nur pfannenfertige Templates verwenden willst, dann lohnt es sich wenn du dich in CSS einarbeitest. ;)
Bücher gibt es genug dazu, oder auch --ALTER LINK WURDE ENTFERNT-- (als Beispiel).

Grüsse
Patrick
InitCom: Webagentur für Webdesign // CMS Joomla! // PrestaShop
  • abhijit.bossotto
  • Autor
  • Neues Mitglied
  • Neues Mitglied
Mehr
16 Aug. 2008 10:53 #15998 von abhijit.bossotto
abhijit.bossotto antwortete auf Re: Verschiedenfarbige CSS-Buttons für Navigation

Patrick schrieb: CSS ist ein sehr komplexes Thema und Joomla! baut voll auf CSS. Wenn du nicht nur pfannenfertige Templates verwenden willst, dann lohnt es sich wenn du dich in CSS einarbeitest. ;)
Bücher gibt es genug dazu, oder auch --ALTER LINK WURDE ENTFERNT-- (als Beispiel).

Grüsse
Patrick


ich kenne mich mit css ziemlich gut aus :)
werde aber noch ein wenig grübeln, vielleicht komme ich ja noch auf die lösung :D
  • Michael-Zitrox
  • Neues Mitglied
  • Neues Mitglied
Mehr
16 Aug. 2008 12:08 #16000 von Michael-Zitrox
Michael-Zitrox antwortete auf Re: Verschiedenfarbige CSS-Buttons für Navigation
.item53 {}
für das item..

.active {}
für den aktiven menupunkt

#current sollte auch gehen.
  • abhijit.bossotto
  • Autor
  • Neues Mitglied
  • Neues Mitglied
Mehr
16 Aug. 2008 13:35 #16004 von abhijit.bossotto
abhijit.bossotto antwortete auf Re: Verschiedenfarbige CSS-Buttons für Navigation
hallo leute,

es geht leider nicht.

hier der code, wie das menu aufgebaut ist und was es beim hover (drüberfahren) tut:
Code:
.item1 a:hover {background: #2991D6 !important; color: #FFF !important;} .item2 a:hover {background-color: #B11B57 !important; color: #FFF !important;} .item3 a:hover {background: #6e9216 !important; color: #FFF !important;} .item4 a:hover {background: #ff9900 !important; color: #FFF !important;} .item5 a:hover {background: #666633 !important; color: #FFF !important;}

wie zu sehen ist, hat jeder menupunkt eine andere hintergrundfarbe.


hier der code für den jeweils aktiven menupunkt (damit der hintergrund auch die farbe behält!)
Code:
#current .item1 a {background: #2991D6 !important; color: #FFF !important;} #current .item2 a {background: #B11B57 !important; color: #FFF !important;} #current .item3 a {background: #6e9216 !important; color: #FFF !important;} #current .item4 a {background: #ff9900 !important; color: #FFF !important;} #current .item5 a {background: #666633 !important; color: #FFF !important;}

ich habe jetzt schon diverse klassen-kombinationen ausprobiert und keine geht. ziel ist es, dass jeder aktive menupunkt eine andere farbe hat. ansonsten könnte ich ja alles über #current lösen :D

irgendjemand einen tipp für mich? :)
Moderatoren: Tribal6, RePao, Dragonlord, Chris Hoefliger, pascale, adiheutschi.ch
Powered by Kunena Forum

Joomla! Verband Schweiz - Mitglied werden