Thema: Farbiger Reiter/Menüpunkt horizontal

Hallo,

ich würde gerne einen Reiter/Menüpunkt meiner Navigation andersfarbig darstellen (Schrift und/oder ganzen Reiter). Der Menüpunkt wird nur eine kurze Zeit sichtbar sein und dann wieder entfernt. Es soll ein Menüpunkt im horizontalen Menü sein (in diesm fall der Letzte Punkt). Zur Anschauung hier der Link zu meiner Seite:

http://www.isar-fachseminare.de/

Es ist der Reiter Gewinnspiel 2012. Alles was ich finde bezieht sich auf vertikale Menüs oder es gibt einen Hinweis, dass es horizontal nicht geht. Leider bin ich kein Programmierer und muss mir alles zusammenlesen. Hier komme ich aber nicht weiter. Hat jemand schon ein ähnliches Problem gehabt und es gelöst?

Grüße Werner

Hallo Werner,

mir würde da nur Stichwort: Menu-Suffix einfallen. Siehe hier:

http://www.bloggerschmidt.de/blog/it...en-suffix.html


Es ist auch so, dass die obige Navigation i.d. CSS unter #navigation etc. zu finden ist. Nur das hilft Dir nichts, Du willst ja nur diesen 1 Reiter umkrempeln

Hab im Quelltext gesehen, dass der Reiter "Gewinnspiel 2012" eine: activ_menu-nav id hat.

Probier i.d. template.css:

Code:

 #active_menu-nav {
hier Deine Formatierungen;
}

dies unterhalb von Deinen #navigationen hinzuzufügen.

Habs ausprobiert und hatte für den besagten 1 Reiter schon andere Farben und so
Falls ich da was verkehrtes geschrieben habe, dann rufe ich: "He, Anka wo bist du?" borg Dir meine Brille

Gruß, Christine

Hallo

dummerweise ist im Modul die Ausgabe nicht auf Liste sondern auf Flache Liste gestellt, das ist wegen der Abwärtskompatibilität zu 1.0 (Legacy Mode) drin geblieben.

Viele Templateersteller haben dies am Anfang bei den horizontalen Menüs übernommen, Nachteil an der Sache ist, das die Menüpunkte bzw. das li Element nicht die item ID des Menüpunktes als Klasse bekommen. Kannst du nachschauen bei den vertikalen Menüs. Die haben alle die Klasse

Code:

item-xxx

Somit kannst du jeden Menüpunkt einzeln per CSS ansprechen.

Versuche einmal was passiert wenn du im Modul auf Liste umstellst. Falls keine Layout Probleme auftauchen hilft vielleicht diese Anleitung weiter
http://time4joomla.de/joomla-15/arti...he-menues.html

Zitat von qschorsch

Alles was ich finde bezieht sich auf vertikale Menüs oder es gibt einen Hinweis, dass es horizontal nicht geht.

Das stimmt so nicht. Voraussetzung für eine individuelle Formatierung ist eine mitgegebene Itemid je augegebenem Link, so dass der Link einzeln in den css angesprochen werden kann. Im Menümodul musst Du dazu den Menüstil von "Vorgängerversion - Flache Liste" in "Liste" ändern. Dann gehst Du so vor, wie 4.1.17 der FAQ und der darin verlinkte Thread es vorgeben.

Zitat von christine2

Habs ausprobiert und hatte für den besagten 1 Reiter schon andere Farben und so
Falls ich da was verkehrtes geschrieben habe, dann rufe ich: "He, Anka wo bist du?" borg Dir meine Brille

Hallo Christine.
Nichts für ungut, aber das sorgtr lediglich für eine Formatierung des Menülinks, solange er aktiv ist (also aufgerufen). Das hilft hier wohl nicht weiter, da der Link zum Gewinnspiel doch immer hervorgehoben sein sollte, oder nicht? Auch wenn ich nicht Anka heiße

EDIT: Huch, bin ich langsam. Hi Fred.

Hallo Lacki,

das mit der ItemiD hatte ich auch gesucht und keine gesehen.

Danke auf jeden Fall für Deine Aufklärung bzw. dass Du Dich da reingeANKA ... ähm ankerst hast
Auch so lerne ich immer wieder was dazu.
Liebe Grüße, Christine

Hallo,
vielen Dank für die Antworten. Habe jetzt auf Liste umgestellt, und es scheint keine negative Auswirkungen zu haben. Es erscheint jetzt im Quellcode die item. Das sieht jetzt so aus:
<li id="current" class="active item282"><a href="/gewinnspiel2012.html"><span>Gewinnspiel 2012</span></a></li>

In der template.css finde ich aber jetzt keine Stelle wo etwas mit item vorkommen würde und ich etwas ergänzen könnte. Ist da was zu machen oder muss man hier richtig 'programieren' können?

Grüße Werner

Erst einmal hat das anwenden von css-Anweisungen nichts mit programmieren zu tun.

Zur eigentlichen Frage, hast Du Dir denn mal die Mühe gemacht, überhaupt die Infos unter den Links von Fred und mir duchzulesen. Ich zitiere mich mal selbst:

Zitat von Lacki

Ergänze die template.css unten einfach mit

Code:

.item29 span {
color:red;
font-weight:bold;
}

Für das nächste Mal: Firebug, wie in FAQ geraten, installieren, damit Element untersuchen, Itemid29 finden, genanntes Beispiel anpassen

programmieren nicht aber css und html sollte man schon können

Zunächst musst diese beiden Grafiken entsprechend deinen Wünschen bearbeiten und unter neuem Namen ins images Verzeichnis des Templates laden
http://www.isar-fachseminare.de/temp...pmenu_left.png
http://www.isar-fachseminare.de/temp...menu_right.jpg

dann musst du für das li Element neue CSS Regeln in die template.css einfügen am besten nach Zeile 233 (die schließende Klammer) und vor #box_content

Code:

#navigation li.item282 {
    background-image: url("../images/neueGrafik_left.png");
}

#navigation li.item282 a {
    background-image: url("../images/neueGrafik_right.jpg");
}

aber wie gesagt hat das mit Joomla, mal von den verwendeten Klassen abgesehen, eigentlich nichts zu tun, reines css und html Verständnis und bei jedem System gleich

Edit:
zu späääät
Hallo Lacki

Vielen Dank,
hat auch teilweise funktioniert. Ich habe in den ersten Bereich noch li eingefügt und die Anführungszeichen entfernt, dann ging es teilweise
jetzt ist zwar nur der rechte Rand in der neuen Farbe farbig, der Rest bleibt in der Ursprungsfarbe. Sieht auch ganz nett aus. Was müsste denn getan werden wenn der Rest auch noch in der neuen Farbe erscheinen sollte? Habe schon alles was in den ursprünglichen #navigation ... stand versucht reinzukopieren, hat aber auch nichts gebracht

Grüße Werner

Zitat von qschorsch

Ich habe in den ersten Bereich noch li eingefügt und die Anführungszeichen entfernt...

Genau das ist aber falsch . Nimm das zusätzliche li wieder raus und schreibe es genauso hin, wie SirDrake gesagt hat:

Code:

#navigation li.item282 {
    background-image: url("../images/topmenu2_left.png");
}

OT
Hallo allerseits