WebForge Sàrl

: (section setting)

<sset> (section setting)

sset sert à définir des variables et des styles css qui doivent être appliqué aux différentes sections.

Les sections peuvent être de différents types

Types de section

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é)

Styles de section

L'utilisateur peut appliquer un style à chaque section. Ces styles sont défini le tag <display name='nom-du-style'>

<sset if-type='imgcontainer' vpad='30' bgcolor='#0f9'>
   <css selector='.container-col' padding='50px' />
</sset>

Attributs

if-typece réglage s'applique si le type de section correspond
if-displayce réglage s'applique si le style de section correspond
bgcolorraccourci pour choisir la couleur de fond de la section. Utiliser 'auto' pour repdrendre le bgcolor du style (display) correspondant
vpadEn développement
junctionEn développement

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>

Ici le premier sset s'applique à toutes les sections de type imgcontainer (conteneur avec image à droite ou à gauche) quelle que soit le style (display) choisi par l'utilisateur

Le deuxième sset s'applique aux section de type container (conteneur unique) qui ont également le style flashy choisi par l'utilisateur

Si un sset ne contient ni if-type ni if-display alors il sera à appliqué à toutes les types de sections quelle que soit leur style.

Le tag <css> placé en dehors des sset s'applique au div englobant toutes les sections

Editer