• Annonce Maîtriser les images dans les commentaires


    Mardi 28 Mai 2013 à 21:06
    lulette

    Suite à une demande très précise : comment empêcher mes commentateurs de laisser des images lourdes (jpg, gif ..) alors que j'ai bien écrit que je n'en voulais pas?

    Voici l'astuce qui permet de ne pas afficher ce type d'images, sans empêcher par ailleurs les commentateurs de mettre en forme leur commentaire (gras, italique, couleur du texte....) ... ni de poster les smileys!

    Code à coller dans votre css :

    .commentbody img{display:none;}
    .commentbody img[src*="emoticons"]{display:block;}

    Un grand merci aux efforts conjoints de Papasti et Mike GMZ, nos sauveurs quotidiens! 

     

    Mardi 28 Mai 2013 à 21:16
    Papasti

    Et je rajouterais aussi cela pou agir dès la source:

    #form_cavom_image {display:none;}

    Mardi 28 Mai 2013 à 21:18
    Mon-il2reves

    C'est quoi papasti ?

     

    Mardi 28 Mai 2013 à 21:18
    lulette

    Ah oui .... pfff, j'ai fini par perdre le fil

    Donc :

    #form_cavom_image {display:none;}

    .commentbody img{display:none;}
    .commentbody img[src*="emoticons"]{display:block;}

    Mardi 28 Mai 2013 à 21:19
    Papasti

    ça supprime le bouton pour mettre une image dans les commentaires

    Mardi 28 Mai 2013 à 21:19
    lulette

    Ah oui .... pfff, j'ai fini par perdre le fil, ton code enlève l'icône qui indique "postez une image"

    Donc :

    #form_cavom_image {display:none;}

    .commentbody img{display:none;}
    .commentbody img[src*="emoticons"]{display:block;}

    Mardi 28 Mai 2013 à 21:21
    Mon-il2reves

    Ok alors je reprend tout, copé/collé les 3 codes.. j'essais , en tous les cas merci, ça va aider d'autres comme moi, ça je le sais !!! 
    Tout est OK, merci à vous tous, bonne soirée. Jo

    Mardi 28 Mai 2013 à 21:56
    Dani and Cats

    Dans maîtriser, il y a aussi la possibilité pour ceux qui acceptent les images de les redimensionner automatiquement à un format spécifique.

    Suis-je hors sujet ?  

    Si non, le code est : .commentbody img {max-width:400px;height:auto;}

    Code vu la 1ère fois sur le blog de Tantkafaire. Merci.  

    J'ai mis 500. Modifiable à volonté.

    Merci Lulette et Papasti, je relève les codes au cas où je changerai d'avis.

    Une question : une fois les codes mis, est-ce que les images et émoticônes existants auparavant restent en place dans les commentaires ou s'envolent ?  

     

    Mardi 28 Mai 2013 à 22:08
    Mike GMZ

    ..et pour le fun..  (ajoute un mini-texte dans la barre edition commentaire ):

    .defaultSkin span.mce_appearance:after {
    margin-left:40px;
    padding:3px;
    background:yellow;
    border:solid 1px red;
    border-radius:3px;
    color:black;
    content:" - Image commentaire supprimée -";
    }

     

    Mardi 28 Mai 2013 à 22:10
    Papasti

    La première ligne du code enlève le bouton pour insérer une image (mais conserve les emoticones)

    La seconde cache les images des commentaires (y compris les emoticones)

    La troisième rétablit l'affichage des emoticones uniquement.

    Les images ne sont pas supprimées. Il suffit d'enlever le code css pour qu'elles apparaissent à nouveau.

     

    Bien vu Mike 




    Vous devez être membre pour poster un message.