diff options
| author | Jonas Smedegaard <dr@jones.dk> | 2009-07-20 17:33:24 +0200 |
|---|---|---|
| committer | Jonas Smedegaard <dr@jones.dk> | 2009-07-20 21:51:01 +0200 |
| commit | 8ef7ec4db9386eb5842f33b975cd1a5c45757c6b (patch) | |
| tree | e64d64737008d860e6450df50e792a57c8c31711 | |
| parent | 22274668392ce0c47eb4ba62364fc3579bc82750 (diff) | |
The website http://blog.html.it/layoutgala/ present a simple yetlayoutgala
flexible html structure allowing 40 different visualisations by changing
only CSS.
As of 3.14159, ikiwiki (with sidebar plugin) use this DIV structure:
.pageheader
.header
#sidebar
#content
#footer
Layout Gala use the following DIV structure:
#container
#header
#wrapper
#content
#navigation
#extra
#footer
With this patch the following DIV structure is used:
#container
.pageheader
.header
#contentwrapper
#content
#sidebar
#farbar
#footer
More detailed, the following is changed:
* container added around whole body
+ needed for Layout Gala
+ allows setting cosmetic outer space/coloring around whole body
* sidebar moved below content
+ needed for Layout Gala
+ considered by some to improve accessibility
+ considered by some to improve search engine ranking (a.k.a. "SEO")
* farbar added (needs clone of sidebar plugin to be of use)
+ no grand benefit - but hurts noone if unused either
The following deliberately differ from Layout Gala:
* header is a class, not an id
+ too intrusive to change: many iki sites may rely on current class
+ too ugly to add: technically possible to extend .pageheader to
also be #header while preserving .header, but too confusing with
both .header and #header meaning different things.
* sidebar instead of navigation
+ too intrusive to change...
* farbar instead of extra
+ when sidebar is kept, extend it - inspired by discussion at
http://green-beast.com/blog/?p=117
This continues to fit pretty well with the proposed naming scheme at
http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html
(as it did already with plain ikiwiki - thanks for that, Joey!)
| -rw-r--r-- | templates/misc.tmpl | 6 | ||||
| -rw-r--r-- | templates/page.tmpl | 16 |
2 files changed, 20 insertions, 2 deletions
diff --git a/templates/misc.tmpl b/templates/misc.tmpl index 0de56edeb..18cf5eeba 100644 --- a/templates/misc.tmpl +++ b/templates/misc.tmpl @@ -17,6 +17,8 @@ </head> <body> +<div id="container"> + <div class="pageheader"> <div class="header"> <span> @@ -25,13 +27,17 @@ </div> </div> <!-- .pageheader --> +<div id="contentwrapper"> <div id="content"> <TMPL_VAR PAGEBODY> </div> +</div> <div id="footer"> <!-- from <TMPL_VAR NAME=WIKINAME> --> </div> +</div><!-- #container --> + </body> </html> diff --git a/templates/page.tmpl b/templates/page.tmpl index 8622d1a01..037e29e74 100644 --- a/templates/page.tmpl +++ b/templates/page.tmpl @@ -18,6 +18,8 @@ </head> <body> +<div id="container"> + <div class="pageheader"> <div class="header"> <span> @@ -83,15 +85,23 @@ </div> <!-- .pageheader --> +<div id="contentwrapper"> +<div id="content"> +<TMPL_VAR CONTENT> +</div> +</div> + <TMPL_IF SIDEBAR> <div id="sidebar"> <TMPL_VAR SIDEBAR> </div> </TMPL_IF> -<div id="content"> -<TMPL_VAR CONTENT> +<TMPL_IF FARBAR> +<div id="farbar"> +<TMPL_VAR FARBAR> </div> +</TMPL_IF> <TMPL_IF COMMENTS> <div id="comments"> @@ -160,5 +170,7 @@ Last edited <TMPL_VAR MTIME> <!-- from <TMPL_VAR WIKINAME> --> </div><!-- .pagefooter #footer --> +</div><!-- #container --> + </body> </html> |