You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

79 lines
2.1 KiB

[(#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>