Antworten auf deine Fragen:
Neues Thema erstellen

Eigenes Menü für eigenes Template - Wie?

MainAngler

Excel (SVERWEIS...)

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

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

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.:rolleyes:
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

Aktives Mitglied

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

Excel (SVERWEIS...)

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.:rolleyes:

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

Aktives Mitglied

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

Excel (SVERWEIS...)

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

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

Ich probiers z.b. per
Code:
.item-101 a.active {
background-image: url(../images/blablubb.png)
}
doch da passiert nix.:rolleyes:
Auch nicht per
Code:
a.active {
background-image: url(../images/blablubb.png)
}
Selbst mit no-repeat und position passiert nix.
Die Pfade zu den Bildern stimmen!

Suspekt!!!:rolleyes:
 

Samuelll

Aktives Mitglied

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

Excel (SVERWEIS...)

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

Aktives Mitglied

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

Excel (SVERWEIS...)

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

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

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::rolleyes:, ich hab demnächst noch beruflich Prüfungen... da ist lernen dafür erstmal wichtiger.:D

Edit:
So sieht der Teil bei mir aus...
Code:
<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.
 
Zuletzt bearbeitet:

Samuelll

Aktives Mitglied

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.
 
Zuletzt bearbeitet:

MainAngler

Excel (SVERWEIS...)

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.:rolleyes:
Würde einiges erleichtern.:rolleyes:
 

Samuelll

Aktives Mitglied

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

Excel (SVERWEIS...)

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

Aktives Mitglied

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

Excel (SVERWEIS...)

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.:rolleyes:
Die Frage ist dann nur wie ich das genau mache.:rolleyes:
Wieder kompliziert.:(
 

Samuelll

Aktives Mitglied

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

Excel (SVERWEIS...)

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

Aktives Mitglied

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

Excel (SVERWEIS...)

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

Aktives Mitglied

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

Es ist kein padding allein und kein CSS3.
Schau nochmal weiter was Dir noch einfällt.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.611
Beiträge
1.538.342
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben