22 juil. 2010

Transformer la 1ère lettre de chaque paragraphe en lettrine

Publié par Libellés : , ,
Une lettrine est la première lettre du mot d'une phrase. Elle se peut se présenter dans une police, couleur, taille ... différente du reste de la phrase. Par exemple :



1ère étape :

Il faut vous assurer que le texte de vos articles contient des paragraphes.

En HTML des articles, un paragraphe commence par <p>.
exemple : <p>C'est-dire qu'elle aura un aspect diff&eacute;rent des autres lettres</p>


2ème étape :


Dans le CSS, vous rajoutez la ligne


p:first-letter { font-size:300%;color:#000033;font-family:Monotype Corsiva; }
Ce qui signifie :
font-size:300% représente la taille de police

color:#000033 représente la couleur de la police

font-family:Monotype Corsiva représente la police utilisée
Vous pouvez bien sûr personnaliser ces données.

2 commentaires:

  1. Marie Soleil7 décembre 2010 à 16:16

    J'ai essayé, cela l'a fait juste sur un article :(
    il doit me manquer un élément.
    Merci.
    Marie

    RépondreSupprimer
  2. Milène18 mars 2011 à 00:58

    Ca marche sur facebook ???
    Et si on veut mettre une écriture Monotype Corsiva sur tout un paragraphe ??

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)

Inscription à : Publier les commentaires (Atom)