Textes

Titres

Les tailles et espacements de titre sont fixes et ne peuvent être changées :

Je suis un H1..

Je suis un H2.

Je suis un H3.

Je suis un H4.

Je suis un H5.
Je suis un H6.

  

Les h1 sont présents uniquement dans le hero.

Les h2 sont dans les titres de blocs et peuvent avoir une ancre.

Les autres titres (h3 & h4) découlent de la logique du texte.

Les h5 et h6 ne sont utilisés que pour les mentions légales.

Attention : Il n'est pas possible de mettre autre chose qu'une étoile comme exposant dans les titres.

Rich text

Les rich text sont disponibles dans certains modules ou directement en tant que module comme ici.

On peut utiliser ce module pour mettre en forme des textes avec du gras, de l'italique, du souligné, du barré.

Il peut aussi permettre de mettre des chiffres en exposant1 ou en indice1.

On peut aussi jouer sur les alignements de texte :

CENTRÉ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

DROITE Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

GAUCHE Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

JUSTIFIÉ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Texte avec fond gris

Image téléphone google

Il permet aussi de faire des listes a puce ou avec chiffre.

  • Liste 
  • Liste
  • Liste
  1. Liste 
  2. Liste
  3. Liste

On peut aussi mettre la step liste avec des ronds pour les étapes :

  1. Liste
  2. Liste
  3. Liste

Avec les rich text on peut également faire apparaitre des blocs :

Je suis un bloc information.

Attention : Je suis un bloc d'avertissement. Dans ce bloc on ne peut pas mettre de liste a puces ou numérotés.

Important : Je peux aussi écrire IMPORTANT dans un bloc Attention si on le précise.

Rappelez-vous :

  • Je suis un bloc de rappel.

Note : Je suis un bloc note.

On peut aussi mettre en place des blocs de citation :

Je suis une citation

On peut mettre en place une ligne horizontale :

On peut aussi mettre des tableaux :

Titre tableau
1 2
3 4
5 6

n peut aussi mettre directement des images, vidéos ou icônes (pas de redimensionnement possible, il faut que tout soit déjà a la bonne taille) :

ICONES

Remote_HELIX_Touche_B  volume   Icone Helix Fi Noir

  

PICTOS (SVG)

pin
logo helix

 

Taille des pictos : 80px max de large ou de haut selon le picto.

On peut ajuster en pourcentage derriere mais cela ne fonctionne que pour le desktop donc plus le fournissez gros, plus il sera gros en mobile.

IMAGES

mere et fils danse

  

Les images peuvent être redimmensionnées en pourcentage grâce au rich text de drupal.
L'image du dessus est affichée a 50% de sa taille réelle (donc divisée de moitié).

Taille des images mêlées au texte :

  • format paysage : 450 px de large et la hauteur voulue
  • format portrait : 380 px de haut et la largeur voulue

VIDEOS (voir brightcove)

Je suis Icone tuque noel 24px v1 un H2

Je suis Icone tuque noel 48px v1 un H3

Lorem Ipsum is simply dummy text Icone tuque noel 48px v1 of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It Icone tuque noel 24px v2 has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset Icone tuque noel 24px v3 sheets containing Lorem Ipsum passages, and more recently with desktop Icone tuque noel 24px v4 publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

Gif : LG – Aucun signal