GetSimple CMS Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

====== CSS für aktive Punkte in Unternavigation (I18N) ======

Auch bei Verwendung einer Unternavigation sollten aktive Navigations-"Pfade" und -Seiten hervorgehoben werden. So können Sie schnell erfassen, auf welcher Seite Sie gerade sind und in welchem inhaltlichen Kontext sie sich befinden.

Im Folgenden ein Screenshot dazu. Beachten Sie bitte den markierten Hauptpunkt in der Navigation oben sowie die hervorgehobenen Unterpunkte im Bereich "Unterseiten".

{{http://get-simple.de/data/uploads/tipps-tricks/gs-de_css_unternavigation_aktiv.png|Screenshot mit aktiven Punkten in der Haupt- und Unternavigation}}Wir möchten Ihnen gern das CSS unserer Website dazu als Basis zur Verfügung stellen. Wir verwenden eine mehrstufige Navigation mit Hilfe des I18N-Plugins. Der Abschnitt aside#sidebar in der CSS-Regel bezieht sich hier auf die Seitenleiste von GetSimples Standard-Theme "Innovation", da wir die Unternavigation in die Seitenleiste verlegt haben.

<code>
aside#sidebar li.current > a, aside#sidebar li.currentpath > a {
  font-weight: bold;
}
</code>

Hyperlinks, die direkte "Kinder" eines Listenelements mit der Klasse ".current" oder ".currentpath" sind, werden fett dargestellt.

GetSimple CMS Wiki

User Tools

Site Tools

Page Tools