code css [Encadrer les blocs de texte, mais pas les images dans un article]

• 

  catherinempr · Membre · juillet 26, 2014 at 4:25

  • Copier le lien
  • Ajouter le thème aux favoris

  bonjour, j’aimerais encadrer le texte dans mes articles mais sans les images. En lisant un peu partout, j’ai trouvé l’application border mais je ne sais pas comment insérer un code css. J’ai acheté l’extension custom design.
  Merci pour votre aide

  [Titre étoffé par airodyssey]

  L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).

• 

  airodyssey · Modérateur · juillet 27, 2014 at 2:31

  • Copier le lien

  Bonjour. Avez-vous un exemple précis d’article (http://…) dans lequel vous voulez insérer un encadré? Ce sera plus simple et plus efficace de vous aider si nous pouvons partir d’un exemple concret.

• 

  catherinempr · Membre · juillet 30, 2014 at 7:48

  • Copier le lien

  Bonjour, merci pour votre réponse et désolée pour la mienne qui s’est faite attendre! Prenons un de mes articles: http://monpetitrepertoire.com/2013/08/21/boules-fondantes-a-la-noix-de-coco/
  Tous mes articles sont faits sur ce modèle: ingrédients- déroulement de la recette et photos.
  Je souhaiterais encadrer de tirets roses (même couleur que les titres) les parties ingrédients et déroulements de la recette pour les séparer des photos. Merci d’avance pour votre aide! Catherine

• 

  airodyssey · Modérateur · juillet 30, 2014 at 9:09

  • Copier le lien

  Vu que votre cas est un peu compliqué (vous voulez tout encadrer sauf les images), je vous propose ceci – sans passer par la feuille CSS.

  Ce code est à essayer dans l’onglet texte (pas l’onglet visuel) tandis que vous écrivez ou modifiez un article :

  <div style="border:1px pink;">
  Texte de votre recette
  </div>

• 

  airodyssey · Modérateur · juillet 30, 2014 at 9:10

  • Copier le lien

  Précision : vous devez employer ce code pour chaque bloc que vous voulez encadrer. Autre exemple plus précis :

  <div style="border:1px pink;">
  Titre de la recette
  Ingrédients
  </div>
  Image
  <div style="border:1px pink;">
  Préparation de la recette
  </div>
  Autre image
  <div style="border:1px pink;">
  Fin de la recette
  </div>

• 

  catherinempr · Membre · juillet 31, 2014 at 7:18

  • Copier le lien

  Oh lala, rien n’est trop compliqué pour vous, vous avez résolu mon problème!
  Dans la formule que vous m’avez donnée, j’ai juste ajouté « dashed » avant « pink » car je voulais des bordures en tirets. J’ai aussi changé 1px en 2px pour avoir des tirets plus gros. Voilà ce que ça donne: http://monpetitrepertoire.com/2014/07/27/petits-clafoutis-aux-abricots-frais/
  Merci beaucoup, vous êtes vraiment fort!
  Je vais abuser de « votre force », je vais de ce pas ouvrir un autre sujet sur la publication de la date!
  Catherine