Case commentaires

 Ayant remarqué chez Fany, de l'île de la Réunion, que sa case commentaires avait une décoration personnelle, je suis allé fouiller dans le code html de mon thème pour voir si on pouvait jouer sur les paramètres par défaut et j'ai ajouté une décoration "d'essai", comme vous pouvez le voir.

Mon thème est le Contempo; j'ai ouvert les réglages de mon blog/thème/personnaliser/modifier le code html.

Je pensais d'abord à modifier la ligne 692 suffisait mais non !

Je suis descendu jusqu'aux  lignes 688 et 692 .comment-body{

J'ai ajouté, au dessus des lignes présentes: word-break:break-word (688) et margin-bottom:12px  (692)

background-color:LightBlue;

border:4px ridge grey;

padding:10px;

J'ai enregistré ces valeurs par l'icône disquette, en haut à droite.

J'ai ajouté ensuite une bordure arrondi: border-radius:20px;

et font-weight:800;

Vous pouvez juger de la décoration et adapter à vos goûts, sur votre blog, avec, par exemple, une texture au lieu d'une couleur: background:url('http...'); background-size:cover; en choisissant une texture neutre qui ne gêne pas trop la rédaction.

Vous pouvez modifier la taille et la police des commentaires, si cela vous plaît.

Par contre, la fenêtre de rédaction, chez moi, reste neutre et la décoration ne s'affiche que le commentaire publié.

*********************

Si on clique, sous l'article, sur le nombre de commentaires, on ouvre la fenêtre pop-up non décorée mais si on clique sur "Lire la suite", on affiche l'article et dessous, les commentaires décorés mais pas celui que l'on écrit ...

Commentaires

  1. Je fais un essai avec ton lien ICI pour voir si mon commentaire est encadré et merci pour ton tuto qui pourra aider beaucoup de gens.
    Bel AM et bisous à vous deux.

    RépondreSupprimer
  2. Non tu as juste mis le tuto mais toi tu ne les encadres pas, mais encadré ou pas, les commentaires sont bien lisibles.

    RépondreSupprimer
  3. Bonjour Gilbert, bizarre je ne vois pas ta personnalisation ici dans les commentaires ??
    Moi j'ai juste mis un encadré fin, mis la couleur de fond un peu plus foncée, et changé les couleurs des titres, nom utilisateur & visiteurs, bref, pour l'instant je reste sobre, bien que j'aie pensé à mettre une img de fond... on verra plus tard quand ça me prendra !
    POur mon "rideau", oui c'est un article récupéré sur ekla que je voulais sauvegarder...
    Bonne journée, il fait beau ici du soleil, un poil nuageux et il fait bon !

    RépondreSupprimer
  4. Encore moi ! Voilà, du coup je viens de faire un essai sur les com avec une texture et ça fonctionne, voilà ma ligne de code correspondant :
    .comments .comment { border:1px dotted #005329;border-radius:80px 0px 80px 0px;background:url('https://i.goopics.net/r2pq99.gif');background-size:mosaïc; }
    Par contre j'ai mis sur le contenu des commentaires ( .comments .comment )et non la 'zone' commentaire (.comments .comment-block ,)
    Je voulais faire différent pour les réponses mais pas trouvé encore!

    RépondreSupprimer

Enregistrer un commentaire