rex_navigation mit verschiedenen background-images

[mina30de]

Hallo Redaxaner,

Hilfe ich weiß nicht weiter....

Ich habe eine Navigation (Kategorie nur erste Ebene anzeigen) . Soweit, so gut.

Code: Alles auswählen

<?php
$nav = rex_navigation::factory();

echo '<div id="navi">';
echo $nav->get(0,1,FALSE,TRUE);
echo '</div>';
?>

Allerdings hat jeder Menüpunkt ein anderes Background-images.

Welches über mein HTML -Template so eingebunden ist.

Code: Alles auswählen

<div id="imMenü">
<ul>
	<li><a class="Bild-1" href="seite_1.html" title=""><span class="imHidden">Seite 1</span></a></li>
	<li><a class="Bild-2" href="seite_2.html" title=""><span class="imHidden">Seite 2</span></a></li>
	<li><a class="Bild-3" href="seite_3.html" title=""><span class="imHidden">Seite 3</span></a></li>
</ul>
</div>

Doch wie weise ich die Background-images jetzt der rex_navigation zu?
Geht das überhaupt?

Gruß Mina

[Cheffchen]

Hallo,

klar geht das, hast dir mal den quellcode angeschaut der rauskommt?
Hier mal ein beispiel eines links:

Code: Alles auswählen

<li id="rex-article-36" class="rex-normal"><a title="die einfache und schnelle Anfrage an uns"  href="die+einfache+und+schnelle+Anfrage+an+uns-36-0.htm">Anfrage an uns!</a></li>

Das id="rex-article-36" in li ist die ID der Seite, was brauchst mehr?

Cheffchen

[mina30de]

Das id="rex-article-36" in li ist die ID der Seite, was brauchst mehr?

Cheffchen

Hallo Cheffchen,


genau genommen, brauche ich die Stelle im Code in die ich meine class="hintergrundbild 1 von 14" eintrage bzw. wie die CSS in den Code eingebunden werden.

Den Quellcode kenne ich. Auch die class.rex_navigation.inc.php.

Code: Alles auswählen

//  Z.229
$return .= '<li class="rex-article-'. $nav->getId() . $liClass .'">';

Müsste mein CSS für Redaxo ungefähr so aussehen

Code: Alles auswählen

#imMenü ul li a.Bild-1 ,   // --> normale Html Seite
#imMenü ul li a.rex-normal  {
	background: url(../files/Bild-1.png) no-repeat left top;	
}

#imMenü ul li a.Bild-2,
#imMenü ul li a.rex-normal  {
	background: url(../files/Bild-2.png) no-repeat left top;
}

#imMenü ul li a.Bild-3,
#imMenü ul li a.rex-normal  {
	background: url(../files/Bild-3.png) no-repeat left top;
}

Doch wie und wo übergebe ich mein CSS (#imMenü ul li a.Bild-Nr.) nun an class="rex-article-'. $nav->getId() '">'; ???
Ein Bsp. wäre sehr hilfreich.

Gruß Mina

[Cheffchen]

Hallo,

Du willst im Redaxo core rummachen?
reicht es nicht wenn dir vorhandenen id´s anspricht?
vielleicht so

Code: Alles auswählen

#rex-article-21 {
   background-image:url(files/bg_sonderfall.jpg);
}

ansonnsten vielleciht mal hier lesen oder da fragen, da sind glaube ich einige änderunegn beschrieben
http://www.redaxo.org/de/forum/template ... 11682.html

Cheffchen

[mina30de]

Hallo,

Du willst im Redaxo core rummachen?

Na wie kommst Du denn auf die Idee? Natürlich nicht!!!!!!!!!!!!

Ich suche nur nach einer "einfachen" Lösung. Ich glaub das hier ist es. Ich verstehe zwar noch nicht ganz, wie Redaxo das verarbeitet, aber es wird immerhin Licht im Dunkeln.

Code: Alles auswählen

#rex-article-21 {
   background-image:url(files/bg_sonderfall.jpg);
}

Danke Gruß Mina

[Richard.Laing]

Den Quellcode kenne ich. Auch die class.rex_navigation.inc.php.

na wenn du das kennst versteh ich die frage nicht.
redaxo vergibt pro artikel die ID des artikel mit in der navigation.
so dass du jeden einzelnen artikel (kategorie) mit css ansprechen kannst.
gruß richy

[mina30de]

redaxo vergibt pro artikel die ID des artikel mit in der navigation.
so dass du jeden einzelnen artikel (kategorie) mit css ansprechen kannst.
gruß richy

Danke Richy, das habe ich jetzt auch herausgefunden.
Bisher habe ich immer erst meine HTML-Templates + die CSS erstellt und dann erst den Redaxo "Code" eingefügt.
Diesmal naja hat das nicht so funktioniert. Danach habe ich mir die Funktion aufgerufen und gesehen, das Redaxo einfach meine CSS ignoriert und eigene "erfindet".

Mit dem Zaunpfahl von Cheffchen hab ichs dann auch kapiert, dass ich einfach nur "die keywords" von Redaxo verwenden muss. Und nun klapps auch.

Naja wieder was dazu gelernt

Gruß Mina