Antworten auf deine Fragen:
Neues Thema erstellen

Joomla: Menüausgabe ändern

Kerstin77

Flashfan

Hallo,

auf einer Joomla-Site muss ich die Menüausgabe ändern.

Aus:
PHP:
<ul class="menu">
    <li class="item106"><a href=""><span>Link 1</span></a></li>
    <li class="item116"><a href=""><span>Link 2</span></a></li>
    <li id="current" class="parent active item108"><a href=""><span>Link 3</span></a>
        <ul>
            <li class="item118"><a href=""><span>Sublink 1</span></a></li>
            <li class="item119"><a href=""><span>Sublink 2</span></a></li>
            <li class="item120"><a href=""><span>Sublink 3</span></a></li>
        </ul>
    </li>
    <li class="item120"><a href=""><span>Link 3</span></a></li>
    <li class="item109"><a href=""><span>Link 4</span></a></li>
    <li class="item111"><a href=""><span>Link 5</span></a></li>
</ul>
soll werden:
PHP:
<ul class="menu">
    <li class="menulink"><a href=""><span>Link 1</span></a></li>
    <li class="menulink"><a href=""><span>Link 2</span></a></li>
    <li class="menulink cur"><a href=""><span>Link 3</span></a></li>
    <li>
    <ul class="submenu">
            <li class="sublink"><a href=""><span>Sublink 1</span></a></li>
            <li class="sublink"><a href=""><span>Sublink 2</span></a></li>
        <li class="sublink"><a href=""><span>Sublink 3</span></a></li>
    </ul>
    </li>
    <li class="menulink"><a href=""><span>Link 3</span></a></li>
    <li class="menulink"><a href=""><span>Link 4</span></a></li>
    <li class="menulink"><a href=""><span>Link 5</span></a></li>
</ul>
Nur wie geht das?

Oder gibt es eine Möglichkeit, die Standardausgabe flexibel zu formatieren (CSS-Klassen)?

Kerstin
 
Zuletzt bearbeitet:

CrazyLopp

Hat es drauf

AW: Joomla: Menüausgabe ändern

So im Backend kann man die Klassen der einzelnen Links nicht ändern, aber wofür benötigst du das denn? Wenn du nur die Links in der Navigation ansprechen willst dann versetzte die ganze Navi mit einer id, sodass du die links all gleich ansprechen kannst, ohne das sie es auf andere Navigationselemente auf deiner Seite beeinflusst werden, z.B. so:

HTML:
<ul id="Navi">
   <a><li>Test</li><a>
   <a><li>Test2</li><a>
   <a><li>Test3</li><a>
</ul>

Und so dann die CSS Angabe:
Code:
ul#Navi li a {color: #000;}


Ich hoffe ich konnte helfen!
 
Zuletzt bearbeitet:

Kerstin77

Flashfan

AW: Joomla: Menüausgabe ändern

Naja, ich möchte halt das Menü formatieren - wer hätte das gedacht ;-)

Durch <ul class="menu"> hat die komplette Liste ja schon eine Klasse, das eigentliche Problem ist aber das Submenü, welches ich so mit der Standardausgabe nicht formatiert bekomme. Dies soll etwas anders dargestellt werden und da frag ich mich jetzt halt, wie spreche ich das Submenü flexibel an (da das Menü ja jederzeit erweiterbar ist im Backend), wenn ich als li-Klasse in jedem Menüpunkt eine andere geliefert kriege (item118, item119, item120).

Kerstin
 

CrazyLopp

Hat es drauf

AW: Joomla: Menüausgabe ändern

Das habe ich doch oben schon erwähnt, wenn du der ul eine id gibst (im Backend) z.B. Navi, dann wird das nur auf die Navigation beschränkt und sokann dan die CSS Datei aussehen:

Code:
/* 1. Ebene */
ul#Navi li a {
   text-decoration: underline;
   color: #fff;
}

ul#Navi li a:hover {
   text-decoration: none;
}

/* 2. Ebene */
ul#Navi li ul li a {
   text-decoration: none;
   color: 000;
}

ul#Navi li ul li a:hover {
   text-decoration: underline;
   color: 000;
}


Dabei spielt es keine Rolle das die Joomla da eine klasse rein lädt, da du ja nicht jede klasse einzeln formatieren musst, wenn du es so wie oben geschrieben machst, dann klappt es auch ohne jede klasse anzuschreiben...

In diesem Sinne beste Grüße,
Crazylopp
 
H

hausmaster

Guest

AW: Joomla: Menüausgabe ändern

Hallo!

Ich wärme dieses alte Thema nocheinmal auf.
Wie kann ich jedes einzelne Untermenü mit einer ID versehen?

Sprich die Untermenüpunkte von "Home" (die ja durch ein ul-Element gruppiert sind) sollen die ID "subHome" bekommen, die Untermenüpunkte von "Kontakt" sollen die ID "subKontakt" bekommen, usw.

Normalerweise würde ich einfach <ul id="subHome> schreiben, doch wie bekomme ich Joomla dazu?

Zweck der Sache ist, dass ich alle Untermenüpunkte unterschiedlich anordnen muss, sprich die Untermenüpunkte von "Home" haben ein anderes Padding als jedene von "Kontakt".

Vielen Dank!
 
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.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben