WebForge Sàrl

:

<bset>

Permet de spécifier des styles ou réglages particuliers pour des blocs spécifiques. Cette balise s'écrit dans un conteneur et affecte uniquement les blocs de ce conteneur.

Exemples:

<bset for='imtitle' title-color='#fff' title-bgcolor='mix(#302e2f,#000,0.3)'>
<bset for='search' custom='jatongavillet' color='{color1}'/>

Remarque:

Cette approche pour styler les blocs est encore expérimentale et vise à éviter que l'on style des blocs par selecteur css tels que

<css selector='bloc_imtitle' font-style='italic' />

La sélection par selecteur css doit être évitée car les blocs créent eux-mêmes leur styles. La balise bset vise à donner des indications aux blocs lorsqu'il créent leur styles.

On utilisera l'application de styles par selecteur css uniquement pour des styles qui concernent plusieurs types de blocs d'un conteneur, par exemple: selecteur='a' pour tous les liens contenu dans des blocs.

Propriétés disponibles suivant les blocs

Bloc button et Bloc buttonml

nomdefaultremarque
font-familyinherit
font-size1.25em
font-stylenormal
font-weightbold
fgcolorautoCouleur du texte
bgcolorcontainer btcolorCouleur du fond
typebumpdéfinit le genre de bouton: bump = bombé, flat=plat arrondi, rect=plat sans arrondi, none=sans css
hvbgcolormod_lum 1.15Couleur au survol du fond (uniquement si type='flat' pour le moment)
hvcolor-Couleur au survol du texte (uniquement si type='flat' pour le moment)
sizefullTaille par défaut (full = pleine largeur, small = adapté au texte)

Bloc title

nomdefaultremarque
span-h1Nombre de span à imbriquer dans les tags h1
span-h2Nombre de span à imbriquer dans les tags h2
span-h3Nombre de span à imbriquer dans les tags h3

Bloc imtitle

nomdefaultremarque
title-sizeinherit
title-familyinherit
title-styleinherit
title-weightinherit
title-padding0.3em 0.5em
title-aligncenter
title-bgcolordisplay.capbgCouleur de fond du titre en opacité 0.8
title-colordisplay.capfgCouleur du texte du titre

Remarque: display.capfg est calculé par défaut pour contraster avec capbg

Bloc layout (expérimental)

!!! Ne pas utiliser ces réglages pour le moment, c'est utilisé pour le site mirabeau pour l'instant

nomdefaultremarque
border-colordisplay.lightborderCouleur bordure en mode cadré
border-width1Largeur de bordure en mode cadré
shadow-colordisplay.shadowCouleur de l'ombre en mode ombré
bgcolordisplay.lightbgCouleur de fond en mode ombré ou rempli
paddingauto *Padding des conteneurs de colonnes
radiusauto *Border radius des conteneurs de colonnes

* ATTENTION le calcul des padding et radius par défaut dépends du mode d'application de l'effet (interne ou externe) et ne devrait pas être spécifié pour le moment. Sauf la valeur 0 peut être utilisée pour annuler le padding ou le radius

Bloc sitemap (experimental)

Utilisé par panipro pour le plan du site de pied de page.

nomdefaultremarque
li-mtop0.2emMargin top au dessus des liens
li-mtop-01emMargin top au dessus des liens de 1er niveau
a-size-01.25emtaille du liens des pages de 1er niveau
a-size-11.15emtaille du liens des pages de 2ème niveau
a-size-21.1emtaille du liens des pages de 3ème niveau
a-size-31emtaille du liens des pages de 4ème niveau et suivants
indent-margin1emIdentation par défaut des liens des sous pages
indent-margin-0Identation des liens du 1er niveau
indent-margin-1Identation des liens du 2ème niveau
indent-margin-2Identation des liens du 3ème niveau
indent-margin-3Identation des liens du 4ème niveau

Bloc imglinktd (experimental)

Nouveau bloc pour avoir un lien sur une image et un texte en transparence dessus

nomdefaultremarque
presettype de présentation
render-box'always' pour faire un rendu de la boite même si elle est vide
height-adjustcontainerAjuste la hauteur en prenant en compte tous les éléments présent dans le conteneur

presets possibles

valeurremarque
title-aloneAfiche le titre seul (sans description), le centre horizontalement et le place plus haut
desc-aloneAfiche la description seule (sans titre)

Bloc articlerecent(experimental)

Bloc affichant les derniers articles (bloc article) trouvés dans le site en fonction de leur date de publication.

nomdefaultremarque
pub-datedétermine l'affichage de la date de publication
layoutdefaultdétermine l'ordre des éléments (imdatideli = image,date,titre,description,lien)
image-aspect-ratio1.33Ratio de l'image (utilise background cover)
agregatebloc_articleNom de class des objets à regrouper. Peut être aussi bloc_news

valeurs possibles pour pub-date

valeurremarque
hideMasque la date de publication

Exemple:

 <bset for='articlerecent' pub-date='hide' />

Bloc Gallery

nomdefaultremarque
border-colorwhiteCouleur du cadre de l'image zoomée

Bloc People

Permet de choisir si le titre va avant le rôle, ou après

nomdefaultremarque
ordertitle-roleou role-title
img-resp-max-width400Largeur max de l'image en responsive (max 400)

Bloc newslist

permet de forcer l'imagette a être carée

<bset for='newslist' square-image='1'  />

Bloc map

permet d'avoir la google map en niveaux de gris

<bset for='map' maptype='grayscale' />

permet d'agréger des POI pour les afficher sur la map

<bset for='map' aggregate='bloc_mappoi' />
Editer