Sandbox pour éditeur CSS

Des précautions s'imposent !

On peut facilement préparer du code CSS dans l'éditeur de Thème de Toweb même si on est novice en matière de feuille de styles.

  • Il faut pour cela créer une nouvelle rubrique (intitulée ici Sandbox pour éditeur CSS).
  • On peut alors Ajouter un paragraphe ou utiliser le paragraphe affiché par défaut dans la rubrique.
  • À gauche de l'écran, dans Disposition du paragraphe, on fait défiler le menu Style  pour appliquer à ce paragraphe un style Custom (pour moi c'est le Style Custom 5). Pour ne pas modifier imprudemment les autres paramètres, j'utilise exclusiment le Style Custom 5.
  • On passe ensuite à l'éditeur de Thème. On sélectionne le paragraphe et on joue alors avec les options Box / Police / Fond pour personnaliser le Style Custom 5 du paragraphe.
  • Quand on est satisfait visuellement du résultat, on peut Construire et voir un aperçu du site (F12) qui va s'ouvrir dans un navigateur Internet. 
  • Dans le navigateur Internet, on ouvre (Ctrl+Maj+i) la fenêtre d'inspection du code source ou, après avoir fait un clic droit sur le paragraphe qui nous intéresse, on ouvre le menu contextuel pour Inspecter.
  • Dans la fenêtre du code source, on récupére le code CSS du paragraphe .tw-para.twps-cst5 par un simple copier-coller.

Un paragraphe avec le Style Custom 5 personnalisé

Pour ne pas modifier imprudemment les paramètres, utiliser exclusiment le Style Custom 5.

Cookies techniques

Les cookies techniques sont essentiels au bon fonctionnement du site et ne collectent pas de données personnelles. Ils ne peuvent pas être désactivés car ils assurent des services de base (notamment liés à la sécurité), permettent de mémoriser vos préférences (comme par exemple la langue) et d’optimiser votre expérience de navigation du site.

ReCaptcha

Ce service de protection de Google est utilisé pour sécuriser les formulaires Web de notre site Web et nécessaire si vous souhaitez nous contacter. En l'activant, vous acceptez les règles de confidentialité de Google: https://policies.google.com/privacy