[Résolu] Mettre une couleur de fond dans un seul post

  • Statut : non résolu
8 sujets de 1 à 8 (sur un total de 8)
  • Auteur
    Messages
  • #446630
    imported_BenKenobi
    Membre
    Padawan WordPress
    93 contributions

    Sur un de mes sites, j’utilise le thème Wuhan. Je voudrais savoir s’il est possible de mettre une couleur de fond différente pour un seul des postes.
    Autrement dit, le fond standard des posts est blanc. Je voudrais mettre un fond de couleur seulement sur le post intitulé “Photo souvenir”. Est-ce possible ?

    Dans le même ordre d’idée, comment faire pour encadrer une photo, lui mettre une bordure quoi ? (l’attribut HTML border ne fonctionne pas)

    Voir ici

    #567171
    z720
    Membre
    Maître WordPress
    579 contributions

    1. dans ton post tu peux tenter de l’encadrer par

    2. pour encadrer toutes tes photos, il faut modifier la règle css dans le style.css de ton thème pour la balise img
    ex:

    img {
      border: 1px solid #CCC;
      padding: 10px;
      background-color: #FFF;
    }

    sinon pour une seule photo ou plusieurs, tu ajoutes class=”qqchose” à ta balise et tu ajoutes une règle css comme ci-dessus du genre

    img.qqchose { border:…}

    Si tu veux ajouter ce “look” à d’autres photos il suffit d’attribuer la class. Autre avantage, si tu changes de thème, tu peux redéfinir le look de ces photos sans modifier touts les posts.

    3ème possibilité du ajoutes directement style=”border…” dans la balise img dans ton post mais cette technique n’est pas “réutilisable”, il faudra tout recopier à chaque fois. Il faudra aussi tout rééditer si tu veux changer de look

    #567172
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4080 contributions

    Ta 3e possibilité devrait me suffire je vais tenter… et je reveins dire le résultat.

    Concernant ton 1. la couleur je dois la mettre sous quelle forme : #xxxxxx ou directement en lettre : red, green…. ?

    Edit :
    Pour encadrer ma photo, j’ai procéder ainsi :

    style=”border-width:1; border-top-color:black; border-right-color:black; border-bottom-color:black; border-left-color:black; border-style:solid;”

    Par contre toujours pas réussi à changer la couleur de fond d’un post seulement… mais est-ce possible ?

    #567173
    z720
    Membre
    Maître WordPress
    579 contributions

    Il y avait plus simple :

    border: 1px solid black;

    Donne un exemple pour la couleur de fond. Il y a peut être un règle css qui est plus importante et qui écrase ta valeur

    #567174
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4080 contributions

    En fait je pense que je vais me contenter de l’encadrement. Je voulais simplement faire ressortir le cadre blanc mis autour de ma photo. Et comme le fond du post est blanc, le cadre blanc de la photo ne se voyait pas… avec le cadre c’est réglé.
    Et merci pour le conseil du border… c’est un peu plus court que ce que j’avais trouvé. 😉

    Sinon pour tenter de résoudre malgré tout le problème, admettons que je veuille un gris clair (histoire ne pas trop contraster non plus avec le reste…)

    #567175
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4080 contributions

    Je viens d’ajouter cet attribut à mon css :

    p img {
            border: 1px solid #18a;
    	}

    Ce qui a donc pour effet de m’encadrer normalement toutes mes images en vert. Normalement ! En effet, je remarque qu’au moins 2 images n’en possèdent pas !

    Celle-ci : Le cadre noir provient de l’attribut que je lui ai donné “border: 1px solid black;” donc il est normal, mais le cadre vert ne devrait-ik pas apparaitre malgré tout ? d’autant que j’ai essayé en enlevant cet attribut et le cadre vert n’apparait pas pour autant. Autre constat que je fais, c’est une photo que je fais afficher à partir de son site d’origine, donc non présente sur mon serveur perso… est-ce la cause ?

    et cette photo : Ici la photo est bien présente sur mon serveur perso… et n’a a priori aucune raison de ne pas être encadrée… d’où vient donc le problème ?

    En outre, un autre aspect qui me gêne un peu est que ce cadre profite aussi aux smileys, et ça je m’en passerais bien… mais est-ce possible, les smileys étant des images aussi ?

    Edit :
    Où puis-je trouver les codes couleurs de la formes #xxx (seulement avec 3 caractères après le #) ?

    #567176
    z720
    Membre
    Maître WordPress
    579 contributions

    2 erreurs se sont glissés dans ton message :
    – 1 balise ne peut avoir qu’un seule bordure, donc si tu dis vert dans ton CSS et noir dans l’attribut c’est noir car l’attribut est prioritaire
    -> rappel règle de priorité : navigateur < préférence utilisateur < fichier css < css dans attribut style
    – La photo qui n’a pas dee bordure : c’est normal car elle n’est pas dans un paragraphe

    donc elle ne convient pas à la règle “p img” donc pas de bordure

    NB : pour les smileys, WordPress utilise la class wp-smiley pour identifier les smileys donc img.wp-smiley {border:none;} devrait résoudre le problème

    #567177
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4080 contributions

    Merci pour ces quelques explications et ces bons conseils… les problèmes sont résolus et j’ai compris le pourquoi du comment de l’histoire. 😉

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