Druckbare Version
Guten Tag
Ich bin auf der Suche nach Hilfe zu einem "css speaking block navigation" Menu, welches ich gerne in Typolight verwenden würde.
Gibt es hierzu eine Möglichkeit (Erweiterung?), oder kann mir jemand dabei ein wenig helfen oder in die richtige Richtung weisen.
Das Menu soll eine einfache Beschreibung erhalten wie hier zb:
http://media2.smashingmagazine.com/i...menus/evan.png
Grüsse
Ben
HI
indem du das Template nav_default.tpl anpasst, kannst du die Ausgabe beispielsweise auf
ändern. Die dafür benötigten PHP-Variablen kannst du mitHTML-Code:<a href="xxx" title="Seitentitel">
<span class="name">Seitenname</span>
<span class="title">Seitentitel</span>
</a>
abfragen. So könnte man beispielsweise den Seitentitel für den Text nutzen.PHP-Code:<?php
echo $this->showTemplateVars();
?>
Sebastian
Hallo Ben,
Nach meinem Wissensstand gibt es noch kein Modul dafür. Zu beachten ist, dass entsprechen dem erwähnten Beitrag die meisten dieser Menüs sehr stark Grafik-lastig sind, was in TYPOlight "nicht vorgesehen" ist.
In der Theorie wäre es allerdings nicht schwer solch ein Menü darzustellen. Es benötigt aber aus meiner Sicht auch zusätzliche Felder bei der Seite, welche dann z.B. die Beschreibung enthalten würde. Willst du dich dem annehmen? Wir können dich sicherlich unterstützen.
Vielen Dank für die schnellen Antworten.
@Sebastian
An diese Lösung habe ich auch schon gedacht, leider fehlen mir da die Kenntnisse aber ich werde dies mal versuchen irgendwie umzusetzen :)
--------------------------------
@Andreas
So ein Navigations-Modul wäre etwas feines, mit einem Feld für "Beschreibung", welches man dann per CSS schön definieren kann.
Leider beschränken sich meine Programier Kenntnisse wirklich auf sehr geringem Niveau (bischen css und html), deshalb bin ich da leider der falsche Ansprechparnter für ein solches Modul.
HI
Einfach im Backend ein neues Template aus nav_default.tpl erstellen, und beispielsweise folgendermaßen abändern:
SebastianPHP-Code:<ul class="<?php echo $this->level; ?>">
<?php foreach ($this->items as $item): ?>
<?php if ($item['isActive']): ?>
<li class="active<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"><strong class="active<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"><span class="name"><?php echo $item['link']; ?></span><span class="title"><?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?></span></strong><?php echo $item['subitems']; ?></li>
<?php else: ?>
<li<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?>><a href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?><?php if ($item['accesskey'] != ''): ?> accesskey="<?php echo $item['accesskey']; ?>"<?php endif; ?><?php if ($item['tabindex']): ?> tabindex="<?php echo $item['tabindex']; ?>"<?php endif; ?><?php if ($item['nofollow']): ?> rel="nofollow"<?php endif; ?> onclick="this.blur();<?php echo $item['target']; ?>"><span class="name"><?php echo $item['link']; ?></span><span class="title"><?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?></span></a><?php echo $item['subitems']; ?></li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
Sehr schön das funktioniert schonmal, vielen Dank.
Da mein Menu horizontal ist (wie das Bsp im ersten Post) , müsste man den "title" irgendwie unter den Menu Punkt bekommen, ohne das Menu zu brechen, hmm.
CSS lernen :)
HI
und bis dahin:
SebastianCode:span.name, span.title {
display: block;
}