Résolu customiser le css des réponses aux commentaires

Stormalo je sais que tu est un blogueur comme moi, mais a la différence que tu est plus doué que moi pour les codes.

Mais j'ai quand même réussi a me fabriquer un code pour mettre le mot "répondre" dans le même style que  "mettre un commentaire" avec des lueurs pour donner l'effet de 3D

Encore merci

Sergio63

http://sergio-cyclosport.eklablog.com/pas-si-mal-a-buxieres-les-mines-a118845044

                           Merci Stormalo pour ce code  

Bonsoir, pour que n’apparaisse pas la barre blanche du coté gauche sur n’importe quel fond, j'ai mis le code suivant

.block-reply {border-left: 1px solid; color:transparent  }

J'ai juste modifié le code donné par Nico Site

Sergio63

ou sinon pour faire plus simple tu mets simplement

.block-reply {border-left: 0px}

Bonjour (ou bonsoir) a tous et a toutes :a:

J'ai chopé ce code sur le topic cité précedement, qui sert donc a customiser le bouton répondre :

comment-reply>a, a.show-replies {

    color:#B3D92D;font-family: "georgia";

    background-color:#614A1D;

    border: 5px double #C1D962;

    box-shadow: 0px 0px 10px #D5FB84;

    border-radius: 18px;

    padding:3px 15px 3px 15px;

    float:right;

}

J'ai donc installé le code sur mon blog, mais j'aimerais qu'il n'ai pas la même apparence sur les commentaires auteur. Par exemple, si un visiteur poste, le bouton sera bleu, mais je veux que si c'est l'auteur qui poste, le bouton soit gris

Merci d'avance

Bonjour Elianne,

En conditionnant la sélection comment-reply>a, a.show-replies en fonction d'un type d'un sélecteur "parent". J'ai fait un test rapide en simulation, ça semble fonctionner.

/* concerne visiteur */
.comment_normal .comment-reply>a, .comment_normal a.show-replies {
    color:#B3D92D ; font-family: "georgia";
    background-color:#614A1D;
    border: 5px double #C1D962;
    box-shadow: 0px 0px 10px #D5FB84;
    border-radius: 18px;
    padding:3px 15px 3px 15px;
    float:right;
}

/* concerne administrateur */
.comment_admin .comment-reply>a, .comment_admin  a.show-replies {
    color:#fff ; font-family: "georgia";
    background-color:#8e0084;
    border: 5px double #ffff4d;
    box-shadow: 0px 0px 10px #D5FB84;
    border-radius: 18px;
    padding:3px 15px 3px 15px;
    float:right;
}

Bon a.m.

merci beaucoup ! 

Bonjour à tous, merci pour vos échanges qui m'ont déjà permis de relooker et déplacer le lien "réponse" et supprimer la marge blanche à gauche. J'aimerais maintenant :

-enlever la marge à gauche qui décale mes réponses légèrement vers la droite par rapport aux commentaires

-déplacer la ligne de pointillés gris sous ma réponse pour la mettre au dessus de ma réponse.

Merci pour votre aide et bon dimanche :)

Sylvie, sur quel blog veux-tu effectuer ces modifications ?

Pardon Kinou :)

sur La Lutinière, j'ai mis un essai de réponse aux comms ici en exemple, en bas ;-)

http://lalutiniere.eklablog.com/questions-demandes-a112994302