mardi 17 avril 2012

Afficher du code dans Blogger

Je pense avoir enfin trouvé une "boîte" correcte pour afficher du code dans mes posts... Ça donne ça (le code est dans la boîte en question):


<div class="codebox" style="background-color: #e7eff0; font-family: sans-serif; font-size: 16px; line-height: 25px; text-align: left;">
<span style="color: #07515f;"><b>&gt;</b></span></div>


Comme d'hab, vous pouvez changer ce qui est en rouge... Utiliser les balises "span" ici n'est peut-être pas très académique, il y a certainement d'autres solutions, mais ça fonctionne et c'est court... C'est le principal.


  • On peut remplacer d'ailleurs <span style="color: #07515f;"><b>&gt;</b></span></div> par <strong><font color="#07515F">&gt;</font></strong>
  • &gt; correspond au signe ">" (non indispensable, je pense)
  • A la publication, Blogger rajoute une ligne vide en haut du tableau (je ne sais pas pourquoi). Il suffit de rajouter une ligne vide en bas pour équilibrer.
  • Il suffit de rentrer ce code dans votre modèle de message. Pensez à rajouter "ici" ou ">" avant et après le DIV pour pouvoir insérer votre texte car les DIV ne se déplacent pas si facilement que des tableaux ou des iframes...

Aucun commentaire:

Enregistrer un commentaire