Ecole Directe | ALUMNI

Documentation

Typographie

Liste des styles de texte

Titre 1

Titre 2

Titre 3

  • Liste à puce exemple de ligne 1
  • Liste à puce exemple de ligne 2
  • Liste à puce exemple de ligne 3
  • Liste à puce exemple de ligne 4

Styles de ligne prédéfinis

Les styles prédéfinis tels que “Ligne en surbrillance”, “Mise en avant de la ligne”, etc… permettent d’appliquer des styles préalablement définis afin de personnaliser la mise en page. Ces styles sont accessibles depuis le bouton Design de la ligne puis Style prédéfini.

Séparation des colonnes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

quis malesuada mi aliquam. Phasellus dapibus, magna blandit mollis ornare, risus ligula lacinia erat, a elementum orci ligula varius leo. Suspendisse consequat tellus a libero tincidunt, id dignissim nulla condimentum. Phasellus feugiat suscipit ante, ac vulputate est ullamcorper id. Sed et velit velit. Fusce laoreet bibendum est, vitae imperdiet tellus volutpat in.

ex massa consectetur sapien, eu gravida orci nibh quis velit. Donec vitae ipsum magna. Nunc volutpat arcu et est maximus,

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

Séparation de ligne

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

quis malesuada mi aliquam. Phasellus dapibus, magna blandit mollis ornare, risus ligula lacinia erat, a elementum orci ligula varius leo. Suspendisse consequat tellus a libero tincidunt, id dignissim nulla condimentum. Phasellus feugiat suscipit ante, ac vulputate est ullamcorper id. Sed et velit velit. Fusce laoreet bibendum est, vitae imperdiet tellus volutpat in.

ex massa consectetur sapien, eu gravida orci nibh quis velit. Donec vitae ipsum magna. Nunc volutpat arcu et est maximus,

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

Colonnes en surbrillance

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

quis malesuada mi aliquam. Phasellus dapibus, magna blandit mollis ornare, risus ligula lacinia erat, a elementum orci ligula varius leo. Suspendisse consequat tellus a libero tincidunt, id dignissim nulla condimentum. Phasellus feugiat suscipit ante, ac vulputate est ullamcorper id. Sed et velit velit. Fusce laoreet bibendum est, vitae imperdiet tellus volutpat in.

ex massa consectetur sapien, eu gravida orci nibh quis velit. Donec vitae ipsum magna. Nunc volutpat arcu et est maximus,

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

Ligne en surbrillance

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

quis malesuada mi aliquam. Phasellus dapibus, magna blandit mollis ornare, risus ligula lacinia erat, a elementum orci ligula varius leo. Suspendisse consequat tellus a libero tincidunt, id dignissim nulla condimentum. Phasellus feugiat suscipit ante, ac vulputate est ullamcorper id. Sed et velit velit. Fusce laoreet bibendum est, vitae imperdiet tellus volutpat in.

ex massa consectetur sapien, eu gravida orci nibh quis velit. Donec vitae ipsum magna. Nunc volutpat arcu et est maximus,

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

Ligne en surbrillance + arrangement pour votre site

Dans le cadre de votre site, on favorisera l'usage de la ligne  en surbrillance associée à une longueur de ligne de la taille de la fenetre, pour mettre en valeur des photos ou des billets de blog. 

Par exemple, du la home, ce style est employé pour afficher les articles "A la Une"

 

Design longueur ligne

Effet de survol sur les colonnes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

quis malesuada mi aliquam. Phasellus dapibus, magna blandit mollis ornare, risus ligula lacinia erat, a elementum orci ligula varius leo. Suspendisse consequat tellus a libero tincidunt, id dignissim nulla condimentum. Phasellus feugiat suscipit ante, ac vulputate est ullamcorper id. Sed et velit velit. Fusce laoreet bibendum est, vitae imperdiet tellus volutpat in.

ex massa consectetur sapien, eu gravida orci nibh quis velit. Donec vitae ipsum magna. Nunc volutpat arcu et est maximus,

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

Effet de survol sur la ligne

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

quis malesuada mi aliquam. Phasellus dapibus, magna blandit mollis ornare, risus ligula lacinia erat, a elementum orci ligula varius leo. Suspendisse consequat tellus a libero tincidunt, id dignissim nulla condimentum. Phasellus feugiat suscipit ante, ac vulputate est ullamcorper id. Sed et velit velit. Fusce laoreet bibendum est, vitae imperdiet tellus volutpat in.

ex massa consectetur sapien, eu gravida orci nibh quis velit. Donec vitae ipsum magna. Nunc volutpat arcu et est maximus,

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

Mise en avant de la ligne

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

quis malesuada mi aliquam. Phasellus dapibus, magna blandit mollis ornare, risus ligula lacinia erat, a elementum orci ligula varius leo. Suspendisse consequat tellus a libero tincidunt, id dignissim nulla condimentum. Phasellus feugiat suscipit ante, ac vulputate est ullamcorper id. Sed et velit velit. Fusce laoreet bibendum est, vitae imperdiet tellus volutpat in.

ex massa consectetur sapien, eu gravida orci nibh quis velit. Donec vitae ipsum magna. Nunc volutpat arcu et est maximus,

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

Mise en arrière de la ligne

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

quis malesuada mi aliquam. Phasellus dapibus, magna blandit mollis ornare, risus ligula lacinia erat, a elementum orci ligula varius leo. Suspendisse consequat tellus a libero tincidunt, id dignissim nulla condimentum. Phasellus feugiat suscipit ante, ac vulputate est ullamcorper id. Sed et velit velit. Fusce laoreet bibendum est, vitae imperdiet tellus volutpat in.

ex massa consectetur sapien, eu gravida orci nibh quis velit. Donec vitae ipsum magna. Nunc volutpat arcu et est maximus,

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

quis malesuada mi aliquam. Phasellus dapibus, magna blandit mollis ornare, risus ligula lacinia erat, a elementum orci ligula varius leo. Suspendisse consequat tellus a libero tincidunt, id dignissim nulla condimentum. Phasellus feugiat suscipit ante, ac vulputate est ullamcorper id. Sed et velit velit. Fusce laoreet bibendum est, vitae imperdiet tellus volutpat in.

ex massa consectetur sapien, eu gravida orci nibh quis velit. Donec vitae ipsum magna. Nunc volutpat arcu et est maximus,

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

Styles de Colonnes prédéfinis

Les colonnes ont également la possibilité d'être personnalisées via le bouton Préférences (icone pinceau) et Style Prédéfinis

Bordé

Attention ! La colonne "Bordée" doit être à gauche du contenu afin d'optimiser le rendu.

En effet, la bordure déborde sur la droite de la colonne pour donner un effet pus dynamique à la page

Colonne en surbrillance

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra elit in blandit maximus. Nam quis mi vel mauris sagittis vulputate id et mauris. Nulla facilisi. Integer viverra nec velit a elementum. Nunc eu gravida eros, ac congue tellus. Sed eget lectus posuere, scelerisque lectus eu, placerat eros. Suspendisse malesuada mi sit amet lorem dapibus condimentum.

In hac habitasse platea dictumst. Nulla porttitor, quam sit amet sollicitudin mattis.

Mise en avant d'une colonne

quis malesuada mi aliquam. Phasellus dapibus, magna blandit mollis ornare, risus ligula lacinia erat, a elementum orci ligula varius leo. Suspendisse consequat tellus a libero tincidunt, id dignissim nulla condimentum. Phasellus feugiat suscipit ante, ac vulputate est ullamcorper id. Sed et velit velit. Fusce laoreet bibendum est, vitae imperdiet tellus volutpat in.

ex massa consectetur sapien, eu gravida orci nibh quis velit. Donec vitae ipsum magna. Nunc volutpat arcu et est maximus,