User Tools

Site Tools


de:getsimplede:i18n-css-aktive-unterpunkte

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”.

Screenshot mit aktiven Punkten in der Haupt- und UnternavigationWir 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.

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

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

de/getsimplede/i18n-css-aktive-unterpunkte.txt · Last modified: 2014/05/03 20:55 by Lars