NAVIGATION
[[NAV_ROW (CSS)]]
Differences
This shows you the differences between two versions of the page.
|
deutsch:navigationen:nav-row [2010/04/26 15:55] Knut Heermann (flip-flop) |
deutsch:navigationen:nav-row [2018/06/03 18:09] (current) |
||
|---|---|---|---|
| Line 191: | Line 191: | ||
| /* ==== End nav-row-horiz02 ===================================== */ | /* ==== End nav-row-horiz02 ===================================== */ | ||
| </code> | </code> | ||
| + | \\ | ||
| + | |||
| + | |||
| + | |||
| + | ===== CSS: Horizontal 03 ===== | ||
| + | |||
| + | {{:deutsch:navigationen:nav_row03_horizontal_img_1.gif|}} | ||
| + | |||
| + | Datei: **template/inc_css/nav_row_horiz03.css** | ||
| + | |||
| + | <code css|h nav-row-horiz03 |h> | ||
| + | /* ====== nav-row-horiz03 ======================================== */ | ||
| + | |||
| + | /* Wrapper around all // Umschlieszer gesamt */ | ||
| + | .nav-row-horiz03 { | ||
| + | background: #FFFFFF; | ||
| + | border: 1px solid #888; | ||
| + | height: 95px; | ||
| + | width: 540px; | ||
| + | padding: 6px 6px 0 6px; | ||
| + | } | ||
| + | |||
| + | /* Spacer // Zwischenraum */ | ||
| + | .nav-row-horiz03 .space { | ||
| + | float: left; | ||
| + | width: 1px; | ||
| + | height:10px; | ||
| + | } | ||
| + | |||
| + | /* Formatting a-tag // Formatierung des a-tags */ | ||
| + | .nav-row-horiz03 a, | ||
| + | .nav-row-horiz03 a:visited { | ||
| + | float: left; | ||
| + | border: 1px solid #888; | ||
| + | text-decoration:none; | ||
| + | font-size:14px; | ||
| + | color: #fff; | ||
| + | /* font-weight:bold; */ | ||
| + | padding: 67px 6px 3px 6px; | ||
| + | } | ||
| + | |||
| + | /* Formatting normal status a-tag // Formatierung normaler Status a-tags */ | ||
| + | .nav-row-horiz03 .normal a, | ||
| + | .nav-row-horiz03 .normal a:visited { | ||
| + | background: #808080; | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | |||
| + | /* Formatting active status a-tag // Formatierung aktiver Status a-tags */ | ||
| + | .nav-row-horiz03 .aktiv a, | ||
| + | .nav-row-horiz03 .aktiv a:visited { | ||
| + | background: #FF6F00; | ||
| + | position: relative; /* IE6 */ | ||
| + | } | ||
| + | |||
| + | /* Formatting hover status a-tag // Formatierung hover Status a-tags */ | ||
| + | .nav-row-horiz03 .normal a:hover, | ||
| + | .nav-row-horiz03 .aktiv a:hover { | ||
| + | background: #C7A317; | ||
| + | color: #fff; /* IE6 */ | ||
| + | position: relative; /* IE6 */ | ||
| + | } | ||
| + | |||
| + | /* ==== End nav-row-horiz03 ===================================== */ | ||
| + | </code> | ||
| + | |||
| \\ | \\ | ||
