Horizontale Navigation mit Trennern

Wie verwendet man Templates oder erstellt Navigationen und passt diese an.

Horizontale Navigation mit Trennern

Beitragvon ArchieMB » 22. Nov 2011, 10:57

Hallo,

Ich bin noch ziemlich neu in Sachen PHP und habe folgendes Problem:

Ich möchte eine horizontale Hauptnavi mit einer horizontalen Subnavi bauen, wobei die Subnavi unter der Hauptnavi ist, nur die Unterpunkte des aktuellen Hauptnavipunktes zeigt und dabei jeder Unterpunkt mit einem · getrennt wird (außer nach dem letzten, da natürlich kein Trenner mehr).

Bei folgendem Code bekomme ich zwar hin, dass nur die aktuelle Subnavi gezeigt wird, aber ich weiß nicht, wie ich zwischen den <li> einen Trenner bekomme:

Code: Alles auswählen
<?php
$P = explode("|",$this->getValue("path").$this->getValue("article_id")."|");
$rexnav2 = rex_navigation::factory();
echo $rexnav2->get($P[1],3,TRUE,TRUE);
?>


Und bei dieser Variante bekomme ich das mit dem Trenner hin (jedoch habe ich den Punkt auch nach dem letzen Menüpunkt), aber schaffe es nicht, nur die Subnavipunkte der aktuell gewählten Hauptnavikategorie anzeigen zu lassen:

Code: Alles auswählen
<?php

$PATH = explode("|",$this->getValue("path").$this->getValue("article_id")."|");

echo '<ul class="nav1">';
foreach (OOCategory::getRootCategories() as $lev1)
{
if($lev1->getId() == $PATH[1])
echo '<li class="active"><a href="'.$lev1->getUrl().'">'.$lev1->getName().'</a>';
else
echo '<li><a href="'.$lev1->getUrl().'">'.$lev1->getName().'</a>';

if(count($lev1->getChildren())>0)
{
echo '<ul class="nav2">';
foreach ($lev1->getChildren() as $lev2)
{
if($lev2->getId() == $PATH[1])
echo '<li class="active"><a href="'.$lev2->getUrl().'">'.$lev2->getName().'</a> &middot;';
else
echo '<li><a href="'.$lev2->getUrl().'">'.$lev2->getName().'</a> &middot;';
}
echo '</ul>';
}
echo '</li>';
}
echo '</ul>';

?>


Welche möglichkeit von beiden ist am besten dafür geeignet und wie setze ich das um? Oder gibt es da noch eine andere Möglichkeit?

Vielen Dank im Voraus!
ArchieMB
 
Beiträge: 10
Registriert: 22. Nov 2011, 10:32

Re: Horizontale Navigation mit Trennern

Beitragvon Xong » 22. Nov 2011, 11:07

Hi ArchieMB!
ArchieMB hat geschrieben:Welche möglichkeit von beiden ist am besten dafür geeignet und wie setze ich das um? Oder gibt es da noch eine andere Möglichkeit?

Ich würde das einfach per CSS umsetzen. In dem Beispiel hast du zwar Striche statt Punkte, aber das kannst du ja relativ einfach ändern: http://maumha.de/rex/list-splitter.php.
LG,
Xong

Bild Määääääääääääääääääääääääh!
Benutzeravatar
Xong
 
Beiträge: 1560
Registriert: 5. Jun 2008, 07:30
Wohnort: Hohndorf in Sachsen

Re: Horizontale Navigation mit Trennern

Beitragvon ArchieMB » 22. Nov 2011, 11:42

Vielen Dank für die Antwort!

Mir wäre es lieber, wenn es ohne Bilder auskommen würde, also nur Text und CSS.
Aber wie hast du das gelöst, dass nach dem letzten Punkt kein Strick mehr da ist? Ich habe es immer mit li:last-child gemacht
ArchieMB
 
Beiträge: 10
Registriert: 22. Nov 2011, 10:32

Re: Horizontale Navigation mit Trennern

Beitragvon Ingo » 23. Nov 2011, 14:40

Bilder sind besser weil du dir sonst deinen Quelltext mit semantisch sinnlosen Zeichen vollknallst. Da bedanken sich dann auch die Leute mit Screenreader.
Robert hat den <li>s einen negativen margin nach links gegeben, dadurch ist der Hintergrund des ersten nicht mehr zu sehen. Du solltest :first-child statt :last-child verwenden, die Browserunterstützung ist besser.
Ingo
 
Beiträge: 290
Registriert: 23. Jun 2010, 23:34

Re: Horizontale Navigation mit Trennern

Beitragvon Xong » 23. Nov 2011, 15:53

ArchieMB hat geschrieben:Mir wäre es lieber, wenn es ohne Bilder auskommen würde, also nur Text und CSS.

Das erreichst du mit den Pseudoklassen :after oder :before und generiertem content.
LG,
Xong

Bild Määääääääääääääääääääääääh!
Benutzeravatar
Xong
 
Beiträge: 1560
Registriert: 5. Jun 2008, 07:30
Wohnort: Hohndorf in Sachsen

Re: Horizontale Navigation mit Trennern

Beitragvon ArchieMB » 6. Dez 2011, 14:45

Danke! Ich habs mit einem Bild gelöst! :)
ArchieMB
 
Beiträge: 10
Registriert: 22. Nov 2011, 10:32


Zurück zu Templates/Navigationen [R4]

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste