Eigenes Menü für eigenes Template - Wie?

[MainAngler]

AW: Eigenes Menü für eigenes Template - Wie?

Also es war doch nur ein Verständnisproblem von mir.
Nachdem ich das Submenü im Backend in den Modulen für das Menü aktiviert habe, sehe ich dies auch und kann es jetzt per CSS formatieren.

Problem ist jetzt im Moment nur folgendes:
1. Ich finde nirgendwo die von Joomla vergebenen Klassen .item-117, .item-xxx, .item-xxx.:uhm: Woolte mal schauen was dort steht.
2. Der Menüpunkt der aufklappen soll (und dies auch tut) ist leider auch anklickbar und öffnet dann eine Seite. Dies möchte ich eigentlich nicht, aber Joomla vergibt dort einen Link. Muss ich einen eigenen Beitrag dafür verfassen wo die im DropDown aufgeführten Menüpunkte dann angezeigt werden oder kann ich die Verlinkung irgendwie auf # setzen?:uhm:
3. Eine Grafik für den aktiven Menüpunkt und den Hover bekomme ich aber nicht per CSS eingefügt.
Wie muss der CSS-Code dafür aussehen?

Für Punkt 2. habe ich als Menütyp Externe URL und als Link # eingetragen, war das richtig?:uhm:
Zumindest funktioniert es jetzt so wie ich es haben möchte.

 

[Samuelll]

AW: Eigenes Menü für eigenes Template - Wie?

1. Joomla vergibt automatisch jedem Link eine Klasse link-xxx
Diese sind aber nicht per CSS vorbelegt.

2. Ersetze den "Link" durch den Punkt Trennzeichen
Punkt anklicken dann statt eines Beitrages Systemlinks --> Trennzeichen

3.Benutz doch mal die Firefox-Extension Firebug
der Aktive Link hat immer eine klasse im Listenpunkt

li.active

Ein gehoverter Punkt ist definitiv durch zB #mainnavi li a:hover
zu erreichen,
Möglicherweise wird dies in Deinem CSS durch eine andere Klasse überschrieben, da deren Beziehung stärker ist.

Um dort zu schauen wo genau das Problem liegt, würd ich Dich aber im Zweifel doch bitten die Seite irgendwo online zu stellen.
Den Code zu posten geht zwar auch, ist aber deutlich umfangreicher als mal kurz mit dem Firebug in eine Seite zu schauen.

Gruß,

Samuell

 

[MainAngler]

AW: Eigenes Menü für eigenes Template - Wie?

Firebug habe ich längst im Einsatz.
Es gibt halt noch von mir Verständnisprobleme bzgl. Joomla.

Ich habe für jeden Menüpunkt im Backend eine Grafik vergeben.
Für Hover möchte ich jetzt auch jedem Link eine eigene Grafik vergeben.
Bei z.b. 3 Menüpunkten (ohne DropDown) sind es also 3 untersch. Hover-Grafiken.

Für die gerade aktive Seite soll dieselbe Grafik wie für den Hover benutzt werden.

 

[Samuelll]

AW: Eigenes Menü für eigenes Template - Wie?

Wo hakt es denn bei dem Verständnis ?

Du kannst entweder schauen, dass Du den Link mit

li.link-xxx.active
ansprichst, was aber nicht sooo schön ist oder Du baust das Navigationsmodul etwas um (overwrites) und schiebst die .active-Klasse für diese Seite in den Link der generiert wird.

li.link-xxx a.active

Vielleicht ist es auch Sinnvoll zu schauen in wie fern Du den Style überschrieben kannst. Bisher weis ich bei dem Style der Modulposition kann ich die Menge der umschließenden Divs bearbeiten. Da meine letzte Arbeit in dieser Richtung schon länger her ist, weis ich aber nicht ob ich auch den Linkaufbau in dem style beeinflussen kann.

Das Mouseover erreichst Du problemlos mittels einfachstem CSS

li.link-xxx a:hover

 

[MainAngler]

AW: Eigenes Menü für eigenes Template - Wie?

Irgendwie hakt mein Verständnis wohl doch am kompletten Menü.
Bei CSS bin ich eigentlich kein Anfänger mehr, aber Joomla macht mich wahnsinnig.

Ich probiers z.b. per

.item-101 a.active {
background-image: url(../images/blablubb.png)
}

doch da passiert nix.
Auch nicht per

a.active {
background-image: url(../images/blablubb.png)
}

Selbst mit no-repeat und position passiert nix.
Die Pfade zu den Bildern stimmen!

Suspekt!!!

 

[Samuelll]

AW: Eigenes Menü für eigenes Template - Wie?

Du hast dafür das menu-Template also modifziert ?

Denn das normale Template für die Navigation hängt die .active Klasse an das li NICHT an das a.

 

[MainAngler]

AW: Eigenes Menü für eigenes Template - Wie?

Ich habe keinen Override verwendet!
Falls du das meinst.

Edit:
Darum wollte ich auch ein ausführliches Beispiel/Tutorial...

 

[Samuelll]

AW: Eigenes Menü für eigenes Template - Wie?

Eine meiner vorherigen Antworten sagt bereits das was ich nun nochmals schreibe.

Es gibt kein a.active, jedoch ein li.active a

Oder in Worten. Die .active Klasse ist im Listenelement in Joomla, nicht im Link-Tag

 

[MainAngler]

AW: Eigenes Menü für eigenes Template - Wie?

Finde ich super, dass du mir helfen willst , aber auch wenn ich das angebe passiert nix.

Am besten ich probiers doch mal bei Gelegenheit mit einem Override des Menüs indem ich in der default.php alles lösche!

Ich kann mich jetzt auch nicht darauf versteifen :hmpf:, ich hab demnächst noch beruflich Prüfungen... da ist lernen dafür erstmal wichtiger.

Edit:
So sieht der Teil bei mir aus...

<ul class="menu">
<li class="item-101 current active"><a href="/Joomla_2.5.6/" class="pic1"><img alt="Startseite" src="/Joomla_2.5.6/images/btn_home.png"><span class="image-title">Startseite</span> </a></li>

..den Joomla generiert.
Wie man sehen kann habe ich es sogar noch mit einer extra Klasse für das a-Tag probiert.

 

[Samuelll]

AW: Eigenes Menü für eigenes Template - Wie?

Eine wirklich sinnvolle Hilfe zu CSS läßt sich leider am besten geben, wenn die Seite online vorliegt.

Ich vermute mal, dass eine andere Regel Deine CSS-Regel derzeit noch überschreibt.

Entweder Du findest dazu was in Firebug oder Du kommentierst alle Regeln aus, die dem Background von Navigationen, Listen oder Links zutun haben !

nächste Möglichkeit wäre !importent

zB

ul.menu li.active a {background: #000 !important;}


-----------

Der von Dir gezeigt Codeschnipsel enthält HARDCODIERT ein Bild.
Das kannst Du nicht einfach via CSS überschreiben.

Ich würde auch das Startbild via CSS in den Background legen. Dann kannst Du es wieder tauschen.

 

[MainAngler]

AW: Eigenes Menü für eigenes Template - Wie?

Es kann eigentlich keine andere Regel diese überschreiben:uhm:, weil ich die css als eigene *.css als letztes einbinde und der Hover- und active-Effekt auch der letzte Befehl für die Navigation ist die ich dort eintrage.
Danach kommt schon der Content!

Man hätte Joomla auch so programmieren können, dass man den einzelnen Menüpunkten auch, zusätzlich zu den normalen Bildern für die Menüpunkte im Backend, für active und hover etc. einzelne Bilder hätte angeben können.
Würde einiges erleichtern.

 

[Samuelll]

AW: Eigenes Menü für eigenes Template - Wie?

Wie gesagt. Laut Deinem Codepost setzt Joomla das Bild statisch, also nicht über CSS und Background sondern via img-tag.

Also IMG-Tag aus dem Joomla-Menupunkt rauswerfen und alles via CSS machen.

 

[MainAngler]

AW: Eigenes Menü für eigenes Template - Wie?

Dafür muss man wohl einen freien und klaren Kopf haben, den habe ich leider im Moment nicht.

Ich habs rausgeworfen das Bild, aber zu mehr komme ich im Moment nicht.

Berufliches lernen ist angesagt!

 

[Samuelll]

AW: Eigenes Menü für eigenes Template - Wie?

Dann viel Erfolg. Nun wär es nur noch eine CSS-Sache um das Bild immer in das Listenelement oder das Linkfeld zu legen.

li.link-xxx {background.....}

li.link-xxx a {....}

Meld Dich hier einfach wieder, wenn Du einen Kopf dafür hast.
Auch wenn es nun reines CSS ist, Joomla ist auch nicht so schwer.

Wobei ich noch hinzufügen möchte, dass ich mittlerweile Joomla den Rücken gekehrt habe und ein anderes CMS für mich als sinnvoller erachte

 

[MainAngler]

AW: Eigenes Menü für eigenes Template - Wie?

Da mein ganzes Bild, welches ich dem jeweiligen Menüpunkt zuordne, anklickbar sein muss (als Link) benötige ich wohl für jeden Listenpunkt ein eigenes Div oder?:uhm:

Dann müsste ich ja doch ein Menü-Override nutzen.
Die Frage ist dann nur wie ich das genau mache.
Wieder kompliziert.

 

[Samuelll]

AW: Eigenes Menü für eigenes Template - Wie?

Nein. Du ordnest einfach jedem .link-xxx ein Bild zu.
Kein Extra Divs oder sonstiges.

Alternativ kannst D ues auch dem Link link-xxx a zuordnen.

 

[MainAngler]

AW: Eigenes Menü für eigenes Template - Wie?

Der eigentliche Link soll aber das gesamte Hintergrundbild des einzelnen Menülinks sein, nicht der Text der per a-Tag ausgezeichnet wird.

Mache ich es so wie du sagst, dann funktioniert das zwar, aber man muss dann auf den a-Tag klicken und der heißt im Beispiel Startseite.
Der gesamte Hintergrund (130x70px) dieses Menüpunktes ist dann aber weiterhin nicht anklickbar!

Am besten lasse ich das img-Tag drin und mache "irgendwie" einen Override so dass jedes img-Tag noch eine Klasse bekommt mit der ich das Hintergrundbild auswechseln kann.

Ist jetzt nur die Frage was ich in der default.php "umschreiben" muss.:uhm:

 

[Samuelll]

AW: Eigenes Menü für eigenes Template - Wie?

Zieh doch mal Deine CSS-Kenntnisse heran und schau wie Du einen Link auf eine größere Größe als den Text ausdehnen kannst.
So kannst du nämlich größere Flächen Klickbar machen, nur nur direkt den Text.

 

[MainAngler]

AW: Eigenes Menü für eigenes Template - Wie?

Mit padding hab ich es schon probiert, falls du darauf anspielst.
Wenns natürlich was aus CSS3 ist, dann muss ich erstmal schauen.:uhm:

 

[Samuelll]

AW: Eigenes Menü für eigenes Template - Wie?

Es ist kein padding allein und kein CSS3.
Schau nochmal weiter was Dir noch einfällt.