CONTENIDO Forum

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

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

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

Gruß
HerrB

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?

Noob hat geschrieben: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

CONTENIDO Forum

Jeden 2. Navpunk Farbig

Jeden 2. Navpunk Farbig