Joomla: Menüausgabe ändern

[Kerstin77]

Hallo,

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

Aus:

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

<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

 

[CrazyLopp]

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:

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

ul#Navi li a {color: #000;}

Ich hoffe ich konnte helfen!

 

[Kerstin77]

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]

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:

/* 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

 

[Kerstin77]

AW: Joomla: Menüausgabe ändern

Oh man, klar - ich glaub es ist schon reichlich spät heute...

Tausend Dank ;-)

 

[hausmaster]

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!