CSS pour "Répondre"

Publié le par Pipiou

En attendant la mise à jour de l'éditeur EB, un peu de CSS pour
personnaliser le lien Répondre, ainsi que les réponses

avec un Grand merci aux aidants sur les forums EB, parce que sans eux... (Les forums n'ont pas été migrés = les liens "sources" sont HS) 

tout ce qui est en rouge est à modifier selon les besoins de chacun :

--------------------------[ mise à jour fev.2019 ]---------------------------------
=== Les COULEURS :

/* Couleur du lien  "Répondre" */
.comment-reply>a {
    color: green }

/*Couleur du survol du lien "Répondre" */
.comment-reply>a:hover {
    font-size: 12px; /* taille police */
    color: #000000;
    font-style: italic; /* police en italique */  } 

/* Couleur du  texte (de la réponse) aux commentaires */
.block-reply ul.replies {
    color: blue;  }

/* Couleur de la réponse de l'admin, en Commentaire */
.comment_admin .commentbody {
        color: yellow}

/* Couleur de la réponse de l'admin, en Réponse */
.reply.comment_admin .commentbody {color: yellow;}

/* Couleur de la réponse visiteur */
.reply.comment_normal .commentbody {color: black;}

/* Couleur du lien "Voir les réponses" (si la case "Afficher les réponses" n'est pas cochée dans Gestion des commentaires, onglet Options)  */ 
a.
show-replies {color:#xxxxxx ;}

a:hover.show-replies  {color:#xxxxxx ;

/* Couleur pour attirer l’œil sur "Répondre" : ombre colorée */
/* lime est une couleur (vient sûrement du citron lime) */
.comment-reply>a {
        padding:1px 5px 1px 2px;
        box-shadow: 0px 0px 10px lime;  }

=== Les ESPACES :

/* espace bordure réponse */
.block-reply {
        padding-left: 120px; }

/* espace entre trait et texte */
.comment_admin {
        margin: 20px 15px; }

/* espace bordures comm/reponse et profil */
.block-reply .commentbody,
.commentpseudo a,
.commentpseudo a:hover
{ padding: 15px; }

/* espace avant la numérotation */
.block-reply { padding-left: 30px; }

/* hauteur minimale d'une réponse */
.commentbody { min-height: 80px; }

/* réduire la largeur comm réponse */
.comment_admin { width: 99%; }

=== Les BORDURES :

/* bordure verticale au texte réponse */
.block-reply ul.replies {
     border-left: 2px solid;
     border-color: red; }

/* suppression bordure */
ul.block-reply {border:none ; }

/* personnalisation bordure du bloc Répondre */
.block-reply {border-left: 1px solid #000000 }

/*suppression du trait à gauche réponse */
.block-reply {border-left: 0px; }

=== AJOUTER, SUPPRIMER, MODIFIER, DIVERS :

/* supprimer la ligne (le lien) RÉPONDRE : */ 
.comment-reply {display: none;}

/* Ajout de texte au lien Répondre */
.comment-reply:after {
    color: green;
    content: "     (répondre gentiment s.v.p)"; }
/* pour que le texte ajouté devienne un lien, il suffit d'ajouter un espace juste après .comment-reply ce qui donne : */
.comment-reply :after {

/* Suppression petite bulle à côté de "votre commentaire"  */
.article_comments_link img {display: none; }

/* Numérotation/identification des réponses  */
.block-reply ul.replies {
    list-style: decimal; }

/* ---> numérotations/identifications disponibles avec list-style */
/* decimal           1    2   3   4   etc; */
/* upper-latin     A   B   C   D   E   etc. */
/* upper-roman     I   II   III   IV  etc. */
/* lower-latin      a   b   c   d   e   etc. */

/*Supprimer icône "profil" à côté du pseudo dans commentaire */
.commentpseudo img {display:none; }

------------------------------------------------------------

merci à stormalo qui m'a éclairée là où je voyais pas bien ;-)

Publicité

Publié dans Des codes, Répondre, [old EB]

Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
K
merci pour les codes! :)
Répondre
M
Merci beaucoup pour cet article. Ca m'a énormément aidé.
Répondre
P
bonjour capture-85 (et pardon pour le retard !)<br /> de rien, et c'est surtout grâce aux "savants aidants", sur les forums EB. Juste je copie-colle pour regrouper les codes et j'arrange un peu pour la bonne lisibilité ;-)<br /> Bonnes suites
Répondre
C
Bonsoir,beau travail et merci beaucoup pour ce que tu fais.
Répondre
P
c'est sympa d'avoir pris le temps : merci Oween  ;-)<br /> (d'autant que les codes sont enfin mieux présentés ! ) 
Répondre
O
Merci beaucoup pour ces codes ! :3
Répondre
P
Merci Miss.Flo !<br /> Faudrait aussi que les codes soient mieux "rangés", ça va venir (depuis le temps que je le dis )  Bisous too 
Répondre
M
Super, quel courage Pipiou, de regrouper tout ça <br /> Gros bisous, Flo
Répondre
P
de rien midori, with pleasure  ! 
Répondre
M
Voilà une bonne idée qu'elle est bonne! Il y a déjà de quoi faire avec tout ça merci Pipiou ! 
Répondre