Champ titre de la cellule "Texte" + CSS "editorial"

Cette page a été créée pour retravailler le design des éléments Combo dans Toodego. Nous sommes sur une modèle de page "Une colonne et une barre latérale", mais il existe aussi les modèles "Une colonne", "Deux colonnes", "Deux colonnes et une barre latérale".

Cette cellule texte applique une classe CSS "editorial" ce qui ajoute des marges et modifie certains éléments graphiques.

 

Titre 1 : Titre de niveau 1

Titre 2 : petit sous titre de niveau 2

Titre 3 : petit sous titre de niveau 3

Titre 4 : petit sous titre de niveau 4

Texte "normal" : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Passage en gras : Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.

Paragraphe en italique : Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna.

Liste de points :

  • Lorem ipsum dolor
  • sit amet,
  • consectetur
  • adipiscing

Liste numérotée :

  1. elit. Sed non risus.
  2. Suspendisse lectus tortor,
  3. dignissim sit amet, adipiscing nec,
  4. ultricies sed, dolor.

Il est possible aussi d'ajouter des barres de séparation :


Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.

 

Champ titre de la cellule "Texte" par défaut

Présentation de la cellule "Texte" par défaut (sans classe CSS ou slug)

Titre 1 : Titre de niveau 1

Titre 2 : petit sous titre de niveau 2

Titre 3 : petit sous titre de niveau 3

Titre 4 : petit sous titre de niveau 4

Texte "normal" : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Passage en gras : Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.

Paragraphe en italique : Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna.

Liste de points :

  • Lorem ipsum dolor
  • sit amet,
  • consectetur
  • adipiscing

Liste numérotée :

  1. elit. Sed non risus.
  2. Suspendisse lectus tortor,
  3. dignissim sit amet, adipiscing nec,
  4. ultricies sed, dolor.

Il est possible aussi d'ajouter des barres de séparation :


Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.

 

Cellules texte avec pk-attention

Cellules texte avec pk-information

Cellules texte avec pk-success

Cellules texte avec pk-error

L'ensemble des classes css proposées par EO est ici https://doc-publik.entrouvert.com/admin-fonctionnel/modifier-le-contenu-des-portails/classes-css/ 

Titre de la cellule "Recherche"

Titre de la cellule "Fiche" affichage en tuiles

Code insee
69266
Nom commune
Villeurbanne

Titre de la cellule "Fiche" affichage en tuiles

Code insee
69260
Nom commune
Vernaison

Titre de la cellule "Fiche" affichage en tuiles

Code insee
69259
Nom commune
Vénissieux
(1-3/67) …

Titre de la cellule "Fiche" affichage en tableau

69266 Villeurbanne
69260 Vernaison
69259 Vénissieux
(1-3/67) …

Titre de la cellule "Fiche" affichage en liste

(1-3/67) …

Cellules moins utilisées 

Cellule "Menu" :

Cellule "Notification à l'usager" :