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


    Dimanche 15 Novembre 2015 à 20:31
    C.Kinou

    Pas grave wink2
    Sur cet article, dans ta réponse à C. Follet, ton texte est bien aligné à gauche au même niveau que les commentaires et la ligne de pointillés est entre les deux, donc, au-dessus de ta réponse.

    Peux-tu préciser ta demande. 

    Dimanche 15 Novembre 2015 à 21:28
    *Sylvie Ptitsa*

    Oui, avec l'ancien système c'était bien aligné, quand je repostais un commentaire sous la question et que le bouton "répondre" n'existait pas". Mais regarde ce que ça donne avec ce bouton (réponse à Marie France, un peu plus bas) ;-)

    Dimanche 15 Novembre 2015 à 22:22
    stormalo

     @ *Sylvie Ptitsa*,

    Bonsoir,

    Par tâtonnement j'ai trouvé le code ci-dessous :

    .reply.comment_admin {
       margin-top: 40px;          /* distance pour éloigner du bouton répondre */
       border: none;                 /* suppression bordure définie en amont  */
       border-top: 2px solid #333;    /* bordure fine en haut */
    }
    .block-reply {
            margin-left: -20px;     /* suppression visuelle marge gauche */
    }

    Ça me semble bien fonctionner, mais je ne sais pas si techniquement c'est la meilleure solution compte tenu des codes en amont. On empile des css mais du coup ce ne doit pas être toujours bien rationnel.smile

    Dimanche 15 Novembre 2015 à 22:52
    *Sylvie Ptitsa*

    Merci Stormalo !

    Pour la marge et la suppression des pointillés en bas c'est parfait !

    J'aimerais maintenant  remplacer la ligne continue du haut  par des pointillés et ajouter une marge entre cette ligne (du haut) et mon commentaire qui suit, pour les "décoller". C'est déjà bien mieux ainsi !

     

    Dimanche 15 Novembre 2015 à 23:07
    stormalo

    pour la ligne pointillée à la place de la ligne fine il suffit de remplacer solid par dotted (mais perso je ne trouve pas ça très pratique pour identifier commentaire et réponses)

    pour "décoller" encore plus, mettre une autre valeur que les 40px que j'ai choisi

    Lundi 16 Novembre 2015 à 22:35
    *Sylvie Ptitsa*

    ça marche pour les pointillés :)

    Le décalage, je le voudrais au-dessus de mon pseudo et de l'image, pas sous le bouton répondre (où ça joue avec les 40px).

    Je remarque aussi que le bouton "répondre " a disparu dans ma réponse : si la personne veut réagir, elle doit donc reposter un autre commentaire et ne peut pas le faire dans le même bloc?

     

    Mardi 17 Novembre 2015 à 09:50
    stormalo

    Bonjour,

    ✔ baisser l'image de fond : ajouter cette ligne css dans .reply.comment_admin { (défini précédement )

    background-position: right top 10px; /* baisser image de fond */

    ✔ baisser le bloc texte (éventuellement, pour éviter un chevauchement sur l'image)

    /* espacement haut du bloc texte réponse admin */
    .comment_admin .commentbody {

       padding: 40px 0px 0px 0px;
    }

    ✔ pas de bouton [Répondre] dans une réponse : à mon avis c'est normal.
    Si on pouvait répondre à chaque réponse particulière ça ferait un affichage complexe,  et j'imagine que pour le staff, ce serait une "usine à gaz" à mettre en place. 

    On peut commenter un article  et on peut répondre à un commentaire. C'est tout.
    Mais si il y a un besoin dans le blog, on peut créer un/des "forum(s) réponses" 
    yes  

    Mardi 17 Novembre 2015 à 11:34
    *Sylvie Ptitsa*

    Bonjour Stormalo ! Re-merci. :)

    Ca prend tournure ! Maintenant j'aimerais :

    -avoir la même longueur pour toutes les lignes en pointillé (là, les pointillés réponse sont plus courts)

    -baisser aussi le lien "Sylvie Ptitsa" ds mes réponses

    -effacer le gugusse bleu du profil ou le remplacer par une autre image.

    Merci !

    Mardi 17 Novembre 2015 à 21:07
    Miss.Flo

    Bonsoir Sylvie,

    Pour effacer le "guguse bleu" ou icon ajoute ça en bas de ta CSS

    .icon
    {
       display:none;
    }

    Mardi 17 Novembre 2015 à 23:53
    C.Kinou

    En mettant la ligne donnée par Miss Flo
    .icon {display:none}

    cela supprime tous les icônes du blog y compris ceux de la barre Ekla


    Il est donc préférable de mettre ceci

    /*supprimer img a cote du pseudo ds commentaire*/
    .commentpseudo img {display:none ;}




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.