79 lines
2.1 KiB
HTML
79 lines
2.1 KiB
HTML
|
[(#REM)
|
||
|
|
*
|
||
|
|
* @name layout
|
||
|
|
* @type tripoli plugin
|
||
|
|
*
|
||
|
|
* @desc Quick and ready-to-use CSS layout templates.
|
||
|
|
* Full browser support from IE5/WIN and IE5/OSX.
|
||
|
|
* Content first - same HTML markup in all layouts.
|
||
|
|
* Two fixed widths using em (normal or wide).
|
||
|
|
* Equal columns option (experimental - ignored by IE5/osx and Opera < 9. Buggy in IE5/win).
|
||
|
|
*
|
||
|
|
* @author David Hellsing
|
||
|
|
* @version 1.0
|
||
|
|
* @cat plugins
|
||
|
|
*
|
||
|
|
*
|
||
|
|
* @example layout: <div class="body l2">
|
||
|
|
* @desc creates a layout with two columns (33%-66%)
|
||
|
|
*
|
||
|
|
* @example layout: <div class="body l4 wide equal">
|
||
|
|
* @desc creates a wide layout with three equal height columns (33%-33%-33%)
|
||
|
|
*
|
||
|
|
* @documentation layout body classes:
|
||
|
|
*
|
||
|
|
* .l1: 2-column 66% - 33%
|
||
|
|
* .l2: 2-column 33% - 66%
|
||
|
|
* .l3: 2-column 50% - 50%
|
||
|
|
* .l4: 3-column 33% - 33% - 33%
|
||
|
|
* .l5: 3-column 16% - 66% - 16%
|
||
|
|
* .l6: 3-column 25% - 50% - 25%
|
||
|
|
* .l7: 3-column 66% - 16% - 16%
|
||
|
|
* .l8: 3-column 50% - 25% - 25%
|
||
|
|
* .l9: 3-column 25% - 25% - 50%
|
||
|
|
*
|
||
|
|
* .wide: 125% width
|
||
|
|
* .equal: equal columns
|
||
|
|
*
|
||
|
|
* @documentation html structure:
|
||
|
|
*
|
||
|
|
]
|
||
|
|
<div class="body l5">
|
||
|
|
<div id="container">
|
||
|
|
<div id="header">
|
||
|
|
<div class="content">
|
||
|
|
[(#REM) HEADER / ENTETE ]
|
||
|
|
#INCLURE{fond=inclure/entete,env}
|
||
|
|
</div>
|
||
|
|
<div class="nav">
|
||
|
|
[(#REM) MAIN NAVIGATION / NAVIGATION PRINCIPALE ]
|
||
|
|
#INCLURE{fond=inclure/barre-nav,env}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="primary">
|
||
|
|
<div class="content">
|
||
|
|
[(#REM) CONTENT / CONTENU ]
|
||
|
|
#INCLURE{fond=contenu/#ENV{type},env}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="secondary">
|
||
|
|
<div class="content">
|
||
|
|
[(#REM) SECONDARY NAVIGATION SIDEBAR / Navigation laterale secondaire ]
|
||
|
|
#INCLURE{fond=navigation/#ENV{type},env}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="tertiary">
|
||
|
|
<div class="content">
|
||
|
|
[(#REM) EXTRA INFORMATIONS / Informations complementaires
|
||
|
|
Also in "sidebar" as this template has only two columns]
|
||
|
|
#INCLURE{fond=extra/#ENV{type},env}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="footer">
|
||
|
|
<div class="content">
|
||
|
|
[(#REM) FOOTER / Pied de page ]
|
||
|
|
#INCLURE{fond=inclure/pied,env}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|