WebForge Sàrl

:

<sections>

Défini une zone de contenu modifiable où l'utilisateur peut ajouter des sections les unes après les autres. Les sections occupent toute la largeur de la page.

Types de section

L'utilisateur peut ajouter le type de section qu'il souhaite.

containerSection avec un conteneur centré de taille standard (largeur du site)
imgcontainerSection avec un conteneur et une image de fond placée à gauche ou à droite
banner(non encore implémenté)

Attributs

ididentifiant du groupe de sections (pour css et la base de donnée)
level(Non implémenté) servira à attacher le groupe au site ou à une rubrique
widthLargeur des zones de contenu principales utilisées dans le site
displaysÉnumère les 'name' des tags <display> qui permettront de styler chaque section
bgcolorCouleur de fond par défaut pour les sections, ou 'auto' pour qu'elles utilisent automatiquement le bgcolor du tag display choisi comme style

Exemple

   <sections id='sections' width='{main-width}' displays='default,flashy,gray' bgcolor='auto'>
        <css background-color='#ffc' />
        <sset if-type='imgcontainer' vpad='30' bgcolor='#0f9'>
            <css selector='.container-col' padding='50px' />
        </sset>

        <sset if-type='container' if-display='flashy' vpad='20'>
             <css selector='h1' font-size='2em' />
        </sset>
    </sections>

Certains attributs de section peuvent être redéfinis par des <sset>

Remarque

le bgcolor ne fixe page le background-color du tag qui englobe les sections, il sert à donner la valeur par défaut de bgcolor pour chaque type de section. Surtout utile pour dire bgcolor='auto', ceci fait que chaque section utilisera le bgcolor de son style associé. (qui en réalité est le bgcolor du conteneur principal et comme c'est souvent la même couleur que la section, c'est un raccourci utile.

Editer