- Statut : non résolu
- Ce sujet contient 7 réponses, 3 participants et a été mis à jour pour la dernière fois par benkenobi, le il y a 19 années.
-
AuteurMessages
-
13 novembre 2005 à 0 h 06 min #446630
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)
14 novembre 2005 à 12 h 28 min #5671711. 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
14 novembre 2005 à 12 h 51 min #567172Ta 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 ?
15 novembre 2005 à 9 h 04 min #567173Il 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
15 novembre 2005 à 12 h 31 min #567174En 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…)
17 novembre 2005 à 13 h 13 min #567175Je 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 #) ?17 novembre 2005 à 13 h 38 min #5671762 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 paragraphedonc 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
17 novembre 2005 à 13 h 54 min #567177Merci 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. 😉
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.