• Des codes and Co

     

     

  • 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 :

    -----------------------mise à jour fev.2016-----------------------------------------------

    SUPPRIMER la ligne (le lien) RÉPONDRE :

    .comment-reply {display: none;}




    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, Commentaire */
    .comment_admin .commentbody {
            color: yellow ;
    }

    /* Couleur de la réponse de l'admin, 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, DIVERS :

    /* 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 ;-)


    10 commentaires