NAVIGATION
Differences
This shows you the differences between two versions of the page.
|
deutsch:templates:big-john-piefecta:3-spalten-feste-breite-variable-hoehe-v1 [2010/01/06 22:53] Knut Heermann (flip-flop) |
deutsch:templates:big-john-piefecta:3-spalten-feste-breite-variable-hoehe-v1 [2018/06/03 18:08] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| {{indexmenu_n>200}} | {{indexmenu_n>200}} | ||
| - | ====== 3 Spalt., feste Breite, var. Höhe V1 ====== | + | ====== 3 Spalten, feste Breite - V1 ====== |
| + | |||
| + | **3 Spalten, feste Breite, variable Höhe, horizontal zentriert, Spalten LINKS/RECHTS identischer Hintergrund - Version 01** | ||
| + | |||
| + | **Gesamtbreite:** 990px (**links:** 210px - **mitte:** 580px - **rechts:** 200px) | ||
| **Autor:** K.Heermann (flip-flop) http://planmatrix.de //2010/01/06 // \\ | **Autor:** K.Heermann (flip-flop) http://planmatrix.de //2010/01/06 // \\ | ||
| - | **CMS-Version:** >= V1.2.x \\ | + | **CMS-Version:** >= V1.2.8 \\ |
| - | **Version:** V1.0 //2010.01.06// \\ | + | **Version:** V1.0 //06.01.2010// \\ |
| **Update:** -- \\ | **Update:** -- \\ | ||
| Line 14: | Line 18: | ||
| * Content soll im Quelltext als erstes stehen | * Content soll im Quelltext als erstes stehen | ||
| + | * Jede Spalte kann am längsten sein | ||
| * Jede Spalte kann mit einem vollflächigen Hintergrund gefüllt werden | * Jede Spalte kann mit einem vollflächigen Hintergrund gefüllt werden | ||
| * Header soll am obersten Rand des Viewport stehen | * Header soll am obersten Rand des Viewport stehen | ||
| * Die Seite soll horizontal zentriert ausgegeben werden | * Die Seite soll horizontal zentriert ausgegeben werden | ||
| * Left, Main und Right sollen optisch nebeneinander stehen | * Left, Main und Right sollen optisch nebeneinander stehen | ||
| - | * Footer soll unten im Viewport stehen. | ||
| * CSS-Code soll konform sein! | * CSS-Code soll konform sein! | ||
| Gewählt wurde hier eine feste Breite von 990px, so dass 1024 x YYY bedient werden kann. | Gewählt wurde hier eine feste Breite von 990px, so dass 1024 x YYY bedient werden kann. | ||
| + | {{:deutsch:templates:big-john-piefecta:fixed_3_cols_layout_big_john_1.gif?600|fixed 3 cols layout by big john}} | ||
| - | {{:deutsch:templates:fixed_3_cols_layout_big_john_1.gif?600|fixed 3 cols layout by big john}} | + | ~~UP~~ |
| + | ===== Seitenlayout ===== | ||
| + | {{:deutsch:templates:fixed_3_cols_layout_big_john_be2_1.gif|}} | ||
| + | |||
| + | |||
| + | ~~UP~~ | ||
| ===== Vorlage ===== | ===== Vorlage ===== | ||
| - | ==== Kopfzeile: ==== | ||
| - | **--> diesen Codeschnipsel in den Header //(Kopfzeile:)// der Vorlage einstellen:** | + | {{:deutsch:templates:big-john-piefecta:fixed_3_cols_layout_big_john_be_1.gif|}} |
| + | |||
| + | |||
| + | ~~UP~~ | ||
| + | |||
| + | |||
| + | ==== <HTML> Kopf: ==== | ||
| + | |||
| + | **--> diesen Codeschnipsel in den <head> //(<HTML> Kopf:)// der Vorlage einstellen:** | ||
| <code html|h header/ Vorlage |h> | <code html|h header/ Vorlage |h> | ||
| Line 98: | Line 115: | ||
| ===== CSS ===== | ===== CSS ===== | ||
| + | |||
| + | |||
| + | {{ :deutsch:templates:big-john-piefecta:3-cols-fixed-width-variable-height-v1_s.gif|}} | ||
| + | {{:deutsch:templates:big-john-piefecta:3-cols-fixed-width-variable-height-v1.gif| }} | ||
| + | |||
| + | ==== Template: ==== | ||
| + | |||
| **Datei:** template/inc_css/fixed_3_cols_layout_big_john.css | **Datei:** template/inc_css/fixed_3_cols_layout_big_john.css | ||
| Line 271: | Line 295: | ||
| padding-bottom: 110px; /* H */ | padding-bottom: 110px; /* H */ | ||
| } | } | ||
| + | /* | ||
| .outer { | .outer { | ||
| - | word-wrap: break-word; | + | word-wrap: break-word; |
| } | } | ||
| + | */ | ||
| </code> | </code> | ||
| + | \\ | ||
| + | |||
| + | ==== Navigation (optional) ==== | ||
| + | |||
| + | **Datei:** template/inc_css/nav_list_ul.css | ||
| + | |||
| + | {{:deutsch:templates:big-john-piefecta:nav_list_ul_article.zip|NAV_LIST_UL + Article (>=r387)}} | ||
| + | Siehe auch [[deutsch:navigationen:nav_list_ul_parameter]]. | ||
