Jeden 2. Navpunk Farbig

[Noob]

Moin,

wie kann ich es einrichten, dass jeder 2. Navigationspunkt farblich unterlegt ist?

Beispiel:

Navpunkt 1,3,5... weiß
Navpunkt 2,4,6... blau

Danke schon mal

[Contenider]

http://www.css4you.de und http://www.html.de und http://de.selfhtml.org

[HerrB]

Danke, mir lag auf der Zunge "So ein bisschen Vorarbeit musst Du schon leisten..." ...

Gruß
HerrB

[Noob]

Sorry, habe mich zu unverständlich ausgedrückt.
Das bezieht sich auf das von Contenido vorgefertigte Modul "Hauptnavigation".
Was muss ich in dem Modul einfügen, dass der oben beschriebene Effekt eintritt?

[schlaucher]

Sorry, habe mich zu unverständlich ausgedrückt.
Das bezieht sich auf das von Contenido vorgefertigte Modul "Hauptnavigation".
Was muss ich in dem Modul einfügen, dass der oben beschriebene Effekt eintritt?

Hi Noob,

hier mal ein Lösungsansatz. Bitte beachte, dass es sich hier nur um einen Ausschnitt aus dem kompletten Code handelt, und dass die foreach Schleifen für die 5 Navigationsebenen verschachtelt sind.

Änderung im Output: (Änderungen sind mit // eingefügt gekennzeichnet)

Code: Alles auswählen

$background-color = '#ffff00';  // eingefügt
foreach ($data['sub'] as $key => $data) {
	if (checkCatPermission($data['idcatlang'],$data['public'])) {
        $tpl->reset();
        $tpl->set('d', 'NAME',  $data['name']);
		$tpl->set('d', 'TARGET', $data['target']);
		$tpl->set('d', 'HREF',  $sess->url('front_content.php?idcat='.$data['idcat']));
		$tpl->set('d', 'FARBE', $background-color); // eingefügt
		$tpl->next();
		if ($idcat == $data['idcat']) {
            $tpl->generate('templates/navfirst_on.html');
		} else {
			$tpl->generate('templates/navfirst_off.html');
		}
	} // end if
    
    // eingefügt
    if ($background-color == '#ffff00')
        $background-color = '#ff00ff';
    else
        $background-color = '#ffff00';
        
} // end foreach

Nun musst Du noch alle benötigten HTML-Templates ändern (style= erweitern mit background-color:{FARBE};):

Code: Alles auswählen

<!-- BEGIN:BLOCK -->
	<div class="navi"><a href="{HREF}" class="navileft_passive" style="padding-left:10px; background-color:{FARBE};" title="{NAME}">{NAME}</a></div>
<!-- END:BLOCK -->

hoffe das hilft Dir weiter.

Gruß
schlaucher