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.