Comment faire lettrines en CSS - Wordpress, papier feuille
Chute HTML statique Cap
Tout d'abord, ouvrez votre fichier style.css et ajoutez les lignes suivantes:
Ensuite, ajoutez une classe intitulée « drop » à l'élément de paragraphe que vous souhaitez avoir la lettrine.
WordPress dynamique Lettrine
Mais le code qui suit ne quittera pas votre copie web criblé de lettrines. Au lieu de cela, il tournera la première lettre du premier mot du premier élément de paragraphe sur votre page ou post dans une lettrine. Notez la classe CSS « .post »; ceci est spécifique et WP est généré par la boucle. Si vous n'utilisez pas la boucle / ne pas avoir une classe div enveloppant votre contenu intitulé « .post », cela ne fonctionnera pas.
Voici le code:
Voilà comment nous sommes rouler avec lettrines plus sur la construction du magazine Chorus.
Styling sur mesure Votre lettrine initiale
Bien sûr, une fois que vous avez votre travail lettrine, jouer avec le style si vous le souhaitez. Vous pouvez modifier la police; vous pouvez changer la couleur de lettrine; ajouter du texte-ombres; les couleurs de fond et ainsi de suite. Les seules limites sont votre imagination et ce que CSS peut faire. Pour un peu d'inspiration, consultez Daily Lettrine aussi!
l'un d'entre nous de nous
Le Livre de conception de feuille hebdomadaire
Si vous aimez le design, vous allez adorer le papier de conception de feuille hebdomadaire. Joignez-vous à des milliers d'autres designers obtenir des papiers peints, des articles de conception, polices de caractères gratuit en profondeur autres goodies design livrés via notre bulletin d'information de conception hebdomadaire. Pourquoi attendre? Inscrivez-vous maintenant et ne manquez pas un battement!