[Résolu] Image devant le titre des articles (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 20)
  • Auteur
    Messages
  • #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 :

    h2.gif 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” 🙂

    #568519
    damino
    Participant
    Maître WordPress
    1243 contributions

    Comme sur mon site par exemple ?

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

    #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. :-(

    #568521
    damino
    Participant
    Maître WordPress
    1243 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.

    #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.

    #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. 😎

    #568524
    damino
    Participant
    Maître WordPress
    1243 contributions

    You’re welcome gP.

    #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 !

    #568527
    damino
    Participant
    Maître WordPress
    1243 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.

    #568525
    jiel
    Membre
    Chevalier WordPress
    175 contributions

    merci de ton aide !!!! 🙂

    #568528
    damino
    Participant
    Maître WordPress
    1243 contributions

    @jiel : alors ça fonctionne ?

    #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 !

    #568530
    damino
    Participant
    Maître WordPress
    1243 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 !

    #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 ???

    #568532
    damino
    Participant
    Maître WordPress
    1243 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.

15 sujets de 1 à 15 (sur un total de 20)
  • Vous devez être connecté pour répondre à ce sujet.