- Statut : non résolu
- Ce sujet contient 11 réponses, 6 participants et a été mis à jour pour la dernière fois par Li-An, le il y a 8 années et 11 mois.
-
AuteurMessages
-
12 décembre 2011 à 11 h 11 min #502995
Bonjour,
Ma configuration WP actuelle
– Version de WordPress : 3.1.2
– Version de PHP/MySQL : 5
– Thème utilisé : iNove
– Extensions en place :
– Nom de l’hebergeur : free.fr
– Adresse du site : Quelques LignesProblème(s) rencontré(s) :
Bonjour à tous bonjour à toutes
Voila, je souhaite insérer une lettrine mais je ne sais pas comment faire
en lisant le forum, il est conseiller une site pour apprendre le langage CSS mais je n’y comprend pas grand chose, je l’avoueEn cherchant un peu, j’ai trouver un site qui me donne la possibilité de mettre une lettrine mais seulement sur le premier paragraphe
d’autres page de se site me donne la possibilité de mettre des lettrines mais en insérant à chaque foi une balise supplémentaire en HTML
J’aimerai savoir comment faire en sorte que la balise inhérente
me permette d’obtenir une lettrine comme je le souhaite et où insérer le code correspondant
en fait, j’ai déjà trouver un code mais je ne sais pas s’il est bon
p.firstletter {
color: #FF0000;
float: left;
font-size:40px;
font-weight:bold;
line-height:40px;
padding-top:4px;
padding-right:4px;
font-family: arial;
}Est-ce que mon code est correct et où dois-je l’insérer ?
J’ai essayé de l’insérer dans la feuille « style.css » de mon thème mais rien n’y fait
Merci à vous
Un grand merci à vous
12 décembre 2011 à 11 h 54 min #805330C’est le bon code, maintenant tes paragraphes dans ton thème ont peut être une classe spécifique, qu’il faut prendre en compte. Evidemment, si tu avais donné l’adresse de ton site, l’url de ton thème, etc…
12 décembre 2011 à 17 h 12 min #805331On dirait que le problème a été résolu non ?
12 décembre 2011 à 17 h 37 min #805332fge wrote:On dirait que le problème a été résolu non ?Non, pour le dernier article j’ai juste grossis la première lettre de chaque paragraphe en la mettant en rouge et en gras, cela me donne un petit effet sympa mais qui n’est pas ce que je souhaite
ce que je souhaite c’est une lettrine qui s’écrira sur deux lignes et qui se fera automatiquement lorsque je validerai mon texte
Lumière de lune m’a gentiment informé que mon code est bon mais je ne sais toujours pas où je dois l’insérer et surtout est-ce qu’il y a une classe spécifique
J’ai édité mon message afin d’enserrer les éléments que m’a demandé Lumière de lune
12 décembre 2011 à 17 h 54 min #805333Déjà il y a quelque chose de pas bon, c’est le span pour la police de caractère, ça doit être défini dans ta feuille de style global.
Ensuite je n’avais pas vu, tu as mis firstletter, alors que la pseudo class est first-letter. Enfin une pseudo classe s’indique avec : et pas .
Maintenant tu ne veux pas toutes les lettres de tous les paragraphes ?
Il va donc falloir cibler ^^div#content div.content p:first-letter, div#content div.content p span:first-letter { et là tu rajoutes ton css…
Tu vois le problème de ton span avec la police de caractère ? Il oblige à créer une règle de style supplémentaire
12 décembre 2011 à 18 h 10 min #805334streghe wrote:J’ai édité mon message afin d’enserrer les éléments que m’a demandé Lumière de luneEt oui avec l’adresse du thème, c’est beaucoup plus facile et tu as plus de chance d’avoir des réponses. A bon entendeur….
Cette balise (p.firstletter) utilisée comme telle signifie que tu utilises une class nommée firstletter (vois ce que ça donne comme rendu, c’est pas triste) mais surtout ça oblige à insérer class= »firstletter » dans chaque paragraphe p.
En fait j’imagine que tu veux utiliser le sélecteur :first-letter (et pas .firstletter)
En effet en créant une balise dans ton fichier style.css, cette 1ere lettre (ou lettrine) sera cette fois automatiquement créée.
Insères donc le code suivant :
.post .content p:first-letter {
color: #FF0000;
float: left;
font-size:40px;
font-weight:bold;
line-height:40px;
padding-top:4px;
padding-right:4px;
font-family: arial;
}Après à toi de régler les size et height à ta convenance.
13 décembre 2011 à 9 h 27 min #805335Merci à tous
Mon problème est résolu
10 décembre 2015 à 11 h 29 min #805336Bonjour,
En faite moi aussi je voudrais faire apparaitre une lettrine sur tous les paragraphes de mes pages et articles. Pour l’instant j’utilise WordPress en local (Apache/2.4.9 (Win32) PHP/5.5.12, version WordPress : 4.3). Merci d’apporter une solution à ma préoccupation..10 décembre 2015 à 11 h 32 min #805337Pour plus d’information le thème wordpress que j’utilise est « Blue Planet ». Bien à vous…
10 décembre 2015 à 13 h 24 min #805338https://wordpress.org/plugins/search.php?q=drop+caps sinon suivez les indications données dans ce fil.
29 décembre 2015 à 15 h 03 min #805339Merci Li-An pour ton poste, mais je ne trouve pas toujours la solution à ma question. En faite je voudrais faire que les premiers lettres de chaque article, chaque page, de la partie « A propos de l’auteur » apparaissent en lettrine. Merci de répondre à ma préoccupation…
29 décembre 2015 à 15 h 11 min #805340Vous avez testé les plugins ?
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.