• CSS pour "Répondre"

    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... (entre autres multiples sources : par là, ou par là

    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; }

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

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


  • Commentaires

    1
    Vendredi 9 Octobre 2015 à 16:44

    Voilà une bonne idée qu'elle est bonne! Il y a déjà de quoi faire avec tout ça merci Pipiou ! 

    2
    Vendredi 16 Octobre 2015 à 09:12

    de rien midori, with pleasure  !  smile

    3
    Samedi 7 Novembre 2015 à 09:02

    Super, quel courage Pipiou, de regrouper tout ça 

    Gros bisous, Flo

    4
    Lundi 9 Novembre 2015 à 19:00

    Merci Miss.Flo !

    Faudrait aussi que les codes soient mieux "rangés", ça va venir (depuis le temps que je le dis he)  Bisous too 

    5
    Mercredi 30 Décembre 2015 à 11:37

    Merci beaucoup pour ces codes ! :3

    6
    Mercredi 30 Décembre 2015 à 17:24

    c'est sympa d'avoir pris le temps : merci Oween  ;-)

    (d'autant que les codes sont enfin mieux présentés ! he

    7
    Vendredi 8 Janvier 2016 à 22:15

    Bonsoir,beau travail et merci beaucoup pour ce que tu fais.

    8
    Samedi 16 Janvier 2016 à 17:15

    bonjour capture-85 (et pardon pour le retard !)

    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é ;-)

    Bonnes suites

    9
    Lundi 20 Juin 2016 à 20:37

    Merci beaucoup pour cet article. Ca m'a énormément aidé.

      • Jeudi 14 Juillet 2016 à 10:35

        Bonjour Horei, et pardon pour le retard : merci à toi  smile

    10
    Vendredi 10 Août 2018 à 15:09

    merci pour les codes! :)

    Vous devez être connecté pour commenter

/* boutons Versions Standard-Mobile */