[Résolu] Image devant le titre des articles

Statut : non résolu

Ce sujet contient 19 réponses, 6 participants et a été mis à jour pour la dernière fois par bentonjda, le il y a 16 années.

15 sujets de 1 à 15 (sur un total de 20)

1 2 →

Auteur

Messages
26 décembre 2005 à 18 h 51 min #446798
gP
Participant

Chevalier WordPress
358 contributions
je veux mettre ça devant mes titres :
```
img src= »http://www.pouessel.org/blog/images/h2.gif » class= »lefth2img » alt= »h2″;
```
pour produire cela par exemple :

Bienvenue sur le support de WP

J’ai regardé dans les CSS du header, mais je n’ai pas trouver comment introduire cela, sans faire d’ânerie.

« Mercitavous » 🙂
27 décembre 2005 à 10 h 31 min #568519

damino
Participant

Maître WordPress
1241 contributions

Comme sur mon site par exemple ?

Dans ce cas, tu peux regarder le code de mon site et tu y trouveras la solution …

27 décembre 2005 à 12 h 59 min #568520
gP
Participant

Chevalier WordPress
358 contributions
Damino wrote:

Comme sur mon site par exemple ?
Dans ce cas, tu peux regarder le code de mon site et tu y trouveras la solution …

Exactement cela. 🙂

Par contre j’ai mis ça dans ma Feuille de style
```
h2 {
	font-size: 1.4em;
background: url(images/h2.gif) no-repeat left center;
	}
```
Mais il ne se passe rien.

J’ai fouillé partout, j’ai mis ce code un peu partout, mais rien.
Je ne sais pas où il faut l’insérer.
27 décembre 2005 à 14 h 12 min #568521
damino
Participant

Maître WordPress
1241 contributions
Salut, oui mais encore une fois regarde bien le code. Il faut effectivement mettre l’image dans la feuille de style mais encore faut-il appliquer ton background à la bonne propriété et/ou id /class de ta feuille HTML.

Alors gP, on n’a pas appris ses leçons.

Je conseille d’essayer cela dans ta CSS :
```
.post h2 {
background: url(images/h2.gif) no-repeat left center;
text-indent:10px;
}
```
Tu vas comprendre pourquoi cela fonctionne …

Ciao.
27 décembre 2005 à 14 h 27 min #568522
gP
Participant

Chevalier WordPress
358 contributions
Damino wrote:
Salut, oui mais encore une fois regarde bien le code. Il faut effectivement mettre l’image dans la feuille de style mais encore faut-il appliquer ton background à la bonne propriété et/ou id /class de ta feuille HTML. Je conseille d’essayer cela dans ta CSS :

.post h2 { background: url(images/h2.gif) no-repeat left center; text-indent:10px; }

Tu vas comprendre pourquoi cela fonctionne …
Merci, mais bah non, marche pô.
Dans ma CSS, ok mais où exactement ?
pour l’url, il ne faut pas l’url complète ?
J’ai bien un dossier images au premier niveau de WP.
27 décembre 2005 à 18 h 03 min #568523
gP
Participant

Chevalier WordPress
358 contributions
Damino wrote:
Je conseille d’essayer cela dans ta CSS :

.post h2 { background: url(images/h2.gif) no-repeat left center; text-indent:10px; }
gP wrote:

pour l’url, il ne faut pas l’url complète ?

Mais que je suis bête ! Bien sûr qu’il faut l’url complète. 😋

Merci Dam, ça fonctionne. 😎
28 décembre 2005 à 18 h 52 min #568524

damino
Participant

Maître WordPress
1241 contributions

You’re welcome gP.

30 décembre 2005 à 10 h 07 min #568526

jiel
Membre

Chevalier WordPress
175 contributions

J’ai un soucis concernant ca ! j’ai suivi tes instruction Dam’ mais regarde lorsqu’un de mes titres fait deux ligne ca merde !

30 décembre 2005 à 16 h 32 min #568527
damino
Participant

Maître WordPress
1241 contributions
Salut, chaque thème étant différent il faut adapter ses feuilles de style.

jiel, tu peux essayer de jouer avec les marges internes
```
#content h2 {
        background: url(http://jielblog.free.fr/wp-content/photos/blog/article.gif) no-repeat left center;
       padding:2px 0 2px 20px;
	font-size:1.6em;
	margin:24px 0 4px 0;
}
```
par exemple.

Mais tu peux aussi créer une class ou un span class spécial pour ton titre ou ton icône et jouer ensuite sur les marges.
Si tu veux que l’imagette ne soit que sur la première ligne, on pourrait aussi imaginer de mettre l’image en HTML dans ton modèle principal (et articles) de manière à ce que ton imagette soit comme une lettrine …

Bref, il faut vous mettre au CSS et tester les solutions sans risque avec les extensions FireFox (à voir le sujet épinglé dans le forum de personnalitation de thèmes).

Bon courage.

Bref pas de solutions toutes faites.

Je suis en vacance et je n’ai pas ma doc CSS, donc de retour je jette un oeil pour peut-être te dire pourquoi ça merde.

Bon courage.
30 décembre 2005 à 17 h 46 min #568525

jiel
Membre

Chevalier WordPress
175 contributions

merci de ton aide !!!! 🙂

30 décembre 2005 à 18 h 09 min #568528

damino
Participant

Maître WordPress
1241 contributions

@jiel : alors ça fonctionne ?

30 décembre 2005 à 18 h 22 min #568529

jiel
Membre

Chevalier WordPress
175 contributions

Bah ta solution Provisoire , malheuresement non , toujours du décalage même pire qu’avant … ca m’embeterai de devoir ne faire que des titres d’une ligne !

30 décembre 2005 à 18 h 41 min #568530

damino
Participant

Maître WordPress
1241 contributions

C’est bizarre ce que tu me dis car j’ai testé cette solution avec to site et cela fonctionne en tout cas sous FireFox à ça fonctionne. Dès que j’ai 5 minutes, je te fais une capture d’écran que tu ouisse vérifier que je ne suis pas un gros mytho 😉

Non sans blague ça fonctionne !

30 décembre 2005 à 19 h 00 min #568531

jiel
Membre

Chevalier WordPress
175 contributions

Je te crois , je suis aussi sous FF et pour ma part ca na fonctionne pas , je rechange en live et je laisse pour ce soir , check this out !

Edit : Apparement ca marcherai mais je souhaiterais que l’icone sois devant le premier de la première ligne dans les titres a 2 lignes , tu vois ce que je veux dire ???

3 janvier 2006 à 23 h 51 min #568532

damino
Participant

Maître WordPress
1241 contributions

jiel wrote:

Edit : Apparement ca marcherai mais je souhaiterais que l’icone sois devant le premier de la première ligne dans les titres a 2 lignes , tu vois ce que je veux dire ???

??? non c’est pas très clair ton truc ?
Je vois qu’en attendant tu as opté pour ma solution.
Auteur

Messages