• astuce donnée par luette :

    #form_cavom_image {display:none;}

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

     

    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.

    Partager via Gmail Yahoo! Google Bookmarks

    votre commentaire
  • astuce donnée par Mike :

    <img style="box-shadow: 10px 7px 3px grey;" src="http://data0.eklablog.com/papyrocktest/perso/img%20video%2001.jpg" alt="" width="200" />

    La première valeur indique le décalage horizontal vers la droite (ici 10px)
    le deuxième correspond au décalage vertical vers le bas (ici 7px) 
    le chiffre suivant indique la force du dégradé (ici 3px) 
    et enfin, la couleur (ici grey)

     

    Pour appliquer une ombre sur toutes les images du blog, ajouter ce code dans la session CSS:

    img { box-shadow: Dodgerblue 3px 0px 10px;}

     

    et pour que ce code ne s'applique pas à toutes les images :

    Remplacer dans ajout CSS:

    img box-shadow: black 6px 6px 10px;}

    par

    p img box-shadow: black 6px 6px 10px;}

     

    Partager via Gmail Yahoo! Google Bookmarks

    votre commentaire
  • astuce donnée par Anne :

    Ajouter dans le CSS :

     .module_titre_contenu {
        padding: 5px 15px;
        height: auto;}

    Ce code  consiste à adapter la hauteur du module du titre en fonction de la longueur du titre justement (sur une ou deux lignes) .

     

    Pour le titre du menu :

    #menu1 .module_menu_titre{
        padding: 5px 15px;
        height: auto;}

    Partager via Gmail Yahoo! Google Bookmarks

    votre commentaire
  • astuce donnée par stormalo :

    (ce qui est en vert est un ajout facultatif, pour info)

    /* image opaque */
    img {

    -moz-transition: opacity 0.4s linear 0s;
    -webkit-transition: opacity 0.4s linear 0s;
    transition: opacity 0.4s linear 0s;
    opacity: 0.5;
    }
    /* image claire */
    img:hover {
    -moz-transition: opacity 0.4s linear 0s;
    -webkit-transition: opacity 0.4s linear 0s;
    transition: opacity 0.4s linear 0s;
    opacity: 1;
    }

    Partager via Gmail Yahoo! Google Bookmarks

    votre commentaire
  • astuce donnée par rezemika :

    <div style="margin: 5px 10px 10px;">
    <div class="smallfont" style="margin-bottom: 2px;"><strong>NOM</strong> <input style="margin: 0px; padding: 0px; width: 45px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Montrer'; }" type="button" value="Montrer" /></div>
    <div class="alt2" style="border: 1px inset; margin: 0px; padding: 2px;">
    <div style="display: none;"><br />
    <p>VOTRE TEXTE</p>
    </div>
    </div>
    </div>

    Partager via Gmail Yahoo! Google Bookmarks

    votre commentaire


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique