Après vous avoir expliqué comment ajouter/modifier des smileys sur votre blog WordPress, voici une solution simple permettant de résoudre un bug constaté sur de nombreux blogs (notamment sur le Journal du Blog).
Effectivement, il arrive que les smileys soient encadrés par une bordure (étant considérés comme des images).
Voici le bout de code CSS à rajouter dans votre feuille de style pour résoudre le problème :
[sourcecode language='css']
img.wp-smiley {
margin:0px;
padding:0px;
border:0px;
}
[/sourcecode]
Vous avez aimé cet article : abonnez-vous au flux RSS
12 Responses
Excellent, je m’en vais changer ca de suite
je cherche ça depuis des semaines… mais pas eu l’envie de me plonger ds les tréfonds des pages WP. Super , merci.
Par contre, moi depuis la MAJ WP 2.6 et 2.6.1 impossible de remettre mes smileys en forme de Post it ! Bizarre…
j’aurais plutôt mis :
border: none; au lieu de border: 0px;
Super j’vais changer ça de suite également! Merci
@Julien : je te conseille de prendre contact avec le blogueur masqué, qui utilise les smileys en forme de post-it également. Son WP doit être à jour, et je viens de les voir chez lui, il pourra sûrement te renseigner.
J’ai une bordure non pas autour des smiley mais des images installées dans ma slidebar. Dois-je insérer aussi ce code dans la feuille de style ? Dans quel répertoire se trouve t-elle ? Je suis débutante, un peu perdue et j’ai peur de faire des âneries.
@Petille: tu dois regarder dans ta feuille CSS, tu dois avoir quelque chose du genre #sidebar .img{….}. Pour WordPress ca se trouve à la racine de ton thème, dans wp-content/themes/ton_theme
[...] Enlever les contours des smileys sur certains thèmes WordPress sur Le Journal Du Blog [...]
@Lionel : merci pour ta réponse, je vais essayer de bidouiller.
ça marche pas pour moi
j’ai toujours le cadre.
c’est bien le css du thème utilisé ?
Oui c’est bien dans le css du thème. Tu dois avoir une virgule ou autre qui traine. Tu peux mettre l’url de ton blog stp que je regarde ?
il est pas encore en ligne mon blog, je le fignole. mais j’ai contourné le problème en mettant :
#content .wp-smiley{
margin:0;
padding:0;
border:none;
background-color:#FFFFFF;
}
avec le #content devant sa marche.
merci quand meme sa m’a donné la piste ton article, je cherchais depuis 2 bonne heure lol.