test

Style : Ligne en surbrillance

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque auctor dapibus dolor vitae gravida. Fusce convallis placerat magna, rhoncus hendrerit metus ullamcorper at. Proin non dui sit amet ipsum pharetra malesuada id ac magna. Praesent in magna egestas, consequat urna ut, consectetur metus. Vivamus sit amet faucibus diam, vel efficitur eros. Pellentesque vel porta diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas maximus dapibus est quis porttitor.

Style : hidden-col et polaroid

Dans la jungle de mon jardin / Compagnie Lézard Décadent

Le style : Avancé (class/ID)  >  class: hidden-col

Sur de petits écrans (tablettes/phones) la première colonne disparait. Très utile pour des lignes illustrée d'une photo qui prendrait inutilement de la place sur mobile.

 

Style polaroid sur une photo :

Lors de la définition d'une photo, il est possible d'ajouter un style à celle ci. Le style polaroid donne l'effet légèrement ombré.

Style : Séparation de ligne

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque auctor dapibus dolor vitae gravida. Fusce convallis placerat magna, rhoncus hendrerit metus ullamcorper at. Proin non dui sit amet ipsum pharetra malesuada id ac magna. Praesent in magna egestas, consequat urna ut, consectetur metus. Vivamus sit amet faucibus diam, vel efficitur eros. Pellentesque vel porta diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas maximus dapibus est quis porttitor.

Style : coordonnees

Le style : Avancé (class/ID)  >  ID: coordonnees

Style utilisé en page d'accueil pour faire apparaitre une carte en fond.

NB : Les boutons sont de simples liens auquel on ajoute une class btn (comme sur bootstrap).

class btn class btn + btn-primary

class btn + btn-block

class btn + btn-block + btn-primary

Style : listing-img

Cie gosses

Le style : Avancé (class/ID) > class: listing-img

ce style de ligne demande une certaine connaissance du code. Composée de deux <div> class "span3" pour l'un et "span9" pour l'autre. Dans le "span3" se trouve une image carré (100*100px pour vraiment faire les choses bien) disposant d'une class "img-circle"

Cie gosses

Le style : Avancé (class/ID) > class: listing-img

Le <div> class "span9" est composé d'un <h3> et de <p> tout simple

Style : nav-submenu

 

Style : nav-submenu2

Le style : Avancé (class/ID) > class: nav-submenu et nav-submenu2

Ces styles associés au widget "Page > Liste de pages" permet de créer des sous menus dans les pages. 

  • nav-submenu pour un menu horizontal
  • nav-submenu2 pour un menu vertical