Carrousel
pleine-page
Pour obtenir un carrousel en pleine-page :
- Diviser la ligne en deux colonnes
- Sur la ligne ajouter l'ID : carrousel
- Mettre du texte sur la colonne de gauche et utiliser le widget carrousel dans la colonne de droite
- Dans les options générales du carrousel, cliquer sur personnaliser ce diaporama, choisir "hauteur : auto" décocher "navigation" et choisir "type de pagination : aucune"
- Ajouter les class : "visible-desktop" et "photos" sur la colonne qui contient le carrousel. Pour cela, aller dans les préférences de la colonne, choisir "avancé" et renseigner le nom des class.
Ligne qui possède la class : "red"
Provident cubilia? Nulla quas dolorem numquam? Eius habitasse magnam aut vitae, nihil, eleifend velit ea animi fermentum illo adipisicing porta consectetuer accusamus. Morbi explicabo. Voluptatem, conubia auctor elementum. Laoreet ea, explicabo dolore.
Possibilité d'utiliser les class "yellow" et "blue"
Facere luctus aliqua asperiores proin sapiente leo repudiandae. Saepe eos, doloribus, habitant! Consequuntur praesent sagittis, torquent turpis praesent nostra. Mollit? Mollis. Eiusmod rerum nostra? Ullamco omnis! Vulputate aliquet, architecto quibusdam quibusdam ut recusandae provident ornare? Gravida? Scelerisque voluptatum inventore, aliquip numquam mattis! Reiciendis veniam, porro morbi consequuntur quisquam amet inceptos.
Ligne qui possède le style "mise en arrière de la ligne"
Ligne qui possède la class : "yellow"
Provident cubilia? Nulla quas dolorem numquam? Eius habitasse magnam aut vitae, nihil, eleifend velit ea animi fermentum illo adipisicing porta consectetuer accusamus. Morbi explicabo. Voluptatem, conubia auctor elementum. Laoreet ea, explicabo dolore.
Créer une image-lien avec titre qui apparait au survol
Pour créer une image cliquable dont le titre s'affiche au survol :
- utiliser le widget image
- choisir l'image dans les fichiers
- dans cible du lien : choisir lien personnalisé
- renseigner l'url vers laquelle vous souhaitez que pointe l'image
Enfin renseigner la class : "hover-title" dans les préférences de la colonne qui contient l'image.
Ligne citation
Pour créer une ligne citation, il suffit d'appliquer la class : "quote" sur la ligne, d'avoir au moins un titre de ligne et de distinguer le texte en deux paragraphes ( Penser à centrer le texte. ). Egestas quod aliquip magna? Rerum ducimus optio reprehenderit possimus labore, voluptate, duis!
Duis, augue mus ultrices feugiat, rutrum. Eveniet. Porro luctus, taciti? Venenatis id! Delectus vestibulum necessitatibus, mi, ipsam placeat.
Signature
Effet texte par dessus l'image
Pour obtenir cet effet, appliquer la class "txt-ahead" sur la colonne qui contient le texte. Possibilité d'appliquer la class "yellow","blue" ou encore "red". Adipisci rhoncus, atque curae ea ut iste fuga repudiandae laboris lectus doloremque, habitant deserunt, lacinia dui ab sapiente mollit fermentum. Eleifend luctus eiusmod fugit.
Colonne en surbrillance
Excepteur tincidunt doloribus nihil leo mauris? Nisi magnam? Tenetur, officia nobis iaculis cras! Accusamus adipisci. Risus iusto lobortis, mauris nonummy adipisci quia vivamus, iaculis! Tempus molestiae turpis sollicitudin, ratione? Varius.
Colonne en surbrillance
Excepteur tincidunt doloribus nihil leo mauris? Nisi magnam? Tenetur, officia nobis iaculis cras! Accusamus adipisci. Risus iusto lobortis, mauris nonummy adipisci quia vivamus, iaculis! Tempus molestiae turpis sollicitudin, ratione? Varius.
Colonne en surbrillance
Excepteur tincidunt doloribus nihil leo mauris? Nisi magnam? Tenetur, officia nobis iaculis cras! Accusamus adipisci. Risus iusto lobortis, mauris nonummy adipisci quia vivamus, iaculis! Tempus molestiae turpis sollicitudin, ratione? Varius.
Ligne sans style prédéfini
Excepteur tincidunt doloribus nihil leo mauris? Nisi magnam? Tenetur, officia nobis iaculis cras! Accusamus adipisci. Risus iusto lobortis, mauris nonummy adipisci quia vivamus, iaculis! Tempus molestiae turpis sollicitudin, ratione? Varius.
Mise en avant de la ligne
Excepteur tincidunt doloribus nihil leo mauris? Nisi magnam? Tenetur, officia nobis iaculis cras! Accusamus adipisci. Risus iusto lobortis, mauris nonummy adipisci quia vivamus, iaculis! Tempus molestiae turpis sollicitudin, ratione? Varius.