L'Auteur du site

Passionné par le web, je suis un JimdoFriend et mets à disposition des tutoriels et astuces pour Jimdo gratuitement.

 

Mes seuls sites sont zetuto.jimdo.com, netooby.com et netooby.jimdofree.com, le reste n'est qu'imposture.

Rechercher

Sur Facebook

Réseaux sociaux

Retrouvez moi également sur Twitter.

28. juillet 2013

Styler les commentaires

Les commentaires ne donnent pas toujours forcément envie de lire, alors aujourd'hui je vais vous donner un code entièrement personnalisable pour leur redonner un peu de style et de couleur (bon ok, le gris n'est pas forcément une couleur éclatante, mais à vous de modifier les couleurs à volonté) !


Aperçu du résultat

Comment procéder ?

Allez dans "Paramètres" (dans la barre du panneau d'administration), puis dans "Modifier le head" et insérez le code suivant :

<style type="text/css">
/*<![CDATA[*/

/* Styler les commentaires */

.commententry
{padding: 10px;
padding-right: 8px;
padding-left: 8px;
background: #efefef; /* Modifier la couleur de fond */
border-radius: 10px;  /* Modifier l'angle (0px pour annuler) */
border: 1px solid #CCC; /* Modifier l'épaisseur et la couleur des bords (0px pour annuler)*/
}
/*]]>*/
</style>
Cliquez sur la couleur de votre choix pour désactiver/activer le défilement.
Copiez, puis collez le code couleur à la place d'un code couleur.


J'ai commenté le code pour que vous puissiez un peu mieux comprendre, #efefef est la couleur de fond (un ton de gris), j'ai arrondi les bords, etc.


Catégories : tutoriel, jimdo, design

Écrire commentaire

Commentaires: 5
  • #1

    Ze Tuto Test (dimanche, 21 avril 2013 12:04)

    Des commentaires stylés :-) pour votre site Jimdo !

  • #2

    domiciliaservices (vendredi, 10 mai 2013 20:12)

    Bonjour et merci pour ces tutos, cela facilite vraiment la vie des novices en code html et css. Moi je commence seulement à apprendre afin d'améliorer mon site et mettre également mes connaissances au service des autres et les tutos trouvés ici et chez d'autres "Jimdonautes" sont vraiment géniaux.

    Laurence

  • #3

    chut-graph (jeudi, 03 juillet 2014 07:01)

    Merci beaucoup pour ce tuto !!
    mais je ne vois pas la palette de couleur en éccrivant
    ce commentaire !

  • #4

    Ze Tuto (jeudi, 03 juillet 2014 19:01)

    @chut-graph quel navigateur utilisez vous ? Parce que la palette de couleurs fonctionne parfaitement de mon côté.

  • #5

    -Propre (dimanche, 10 décembre 2017 17:48)

    La couleur du fond ne change pas pour moi. Je ne comprends pas.