de:getsimplede:i18n-css-aktive-unterpunkte
Differences
This shows you the differences between two versions of the page.
| — |
de:getsimplede:i18n-css-aktive-unterpunkte [2014/05/03 20:55] (current) Lars created |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| + | ====== 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. | ||
de/getsimplede/i18n-css-aktive-unterpunkte.txt · Last modified: 2014/05/03 20:55 by Lars
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
