• Code CSS


    Dimanche 21 Mars à 16:23
    FREDCLOCLO

    Est-il possible d'utiliser un code css pour une ou plusieurs images d'un blog sans que cela n'influence les autres images ?

    Sur mon blog, il y a ceci : .module_contenu img{box-shadow:0px 0px 40px #ffffff;}

    Un effet que j'avais trouvé sur un autre blog.

    Mon soucis, c'est que tel qu'il est, il influence la totalité des images de mon blog, alors que je voudrais qu'il ne soit utile que pour certaines images.

    Merci d'avance pour votre aide.

    Dimanche 21 Mars à 18:23
    Colette95

    Bonsoir,

    Voici un -> lien qui te donnera la façon de procéder pour réaliser ce que tu souhaites faire tout en appliquant ton code.

    Bonne lecture et bonnes suites. smile

    Lundi 22 Mars à 11:59
    FREDCLOCLO

    Merci Colette95 mais malheureusement pour moi, c'est du Chinois. Déjà, il ne s'agit pas du même effet mais j'imagine que le principe reste le même. Mais tout de même, je ne comprends rien du tout ? Je vois plus ou moins ce qu'il explique ainsi ce que tu as ajouté ensuite... mais ça ne me dit pas quel code je dois inscrire ???

    Lundi 22 Mars à 13:25
    Colette95

    Bonjour FREDCLOCLO,

    Effectivement il ne s'agit pas du même effet, mais en reprenant l'hypothèse 1 de stormalo (ci-dessous) qui correspond à ce que tu souhaites :

    ------------------------------------------------------------------------------------------------------------------

    Pour qu'il n'agisse que sur certaines images, on va donner un nom à cette recette de style, par exemple "monzoom"  On crée donc une class="monzoom"
    ------------------------------------------------------------------------
    Hypothèse n°1
    Ton CSS pourrait s'écrire :
    .monzoom {     
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;      
        -o-transition: all 0.2s;      
        transition: all 0.2s;
    }

    .monzoom:hover {     
        transform:scale(1.2);
    }

    Il s'appliquera à toutes les images auxquelles tu auras affecté la class "monzoom". Comme par exemple :

    <img class="monzoom" src="adresse_de_l'image" alt="" /><img class="monzoom" src="adresse_de_l'image" alt="" />

    ------------------------------------------------------------------------------------------------------------------

    En ce qui te concerne, ton code peut s'adapter ainsi :

    Ton css :

    .ombresursurimage { /*tu donnes le nom que tu souhaites*/   
     box-shadow: 0px 0px 40px #ffffff;
    }

    Et dans l'éditeur d'article même façon de procéder avec le nom choisi pour la classe :

    <img class="ombresurimage" src="adresse_de_l'image" alt="" />

    Le css étant à mettre dans la feuille de style -> Apparence -> Modifier le thème -> Ajouter du css.

    En espérant un peu avoir éclairci l'horizon... glasses

    Bonnes suites.

    Jeudi 1er Avril à 13:50
    FREDCLOCLO

    Désolé, mais je n'avais pas vu ta réponse ?

    Il y a déjà progrès puisque lorsque j'indique ton code (tel quel !) en CSS et que j'enregistre, il ne me dis plus qu'il y a une erreur ! Normal, tu vas me dire puisque tu sais de quoi tu parles !

    Par contre, ma partie où je dois me mettre dans l'éditeur de l'article... déjà, je ne vois pas où mettre le code en question exactement ?? Alors, je l'ai tapé juste au-dessus de tout ? Tel quel exactement comme tu me l'as indiqué : 

    <img class="ombresurimage" src="adresse_de_l'image" alt="" />

    A ce moment là, j'enregistre. Je ne vois plus l'effet en édition donc OK ! Mais, lorsque, je ferme, là l'effet est toujours présent ???

    Je sais ! Je suis irrécupérable !!! 

    Jeudi 1er Avril à 14:41
    Colette95

    Je pense qu'on arrivera quand même à te récupérer ! happy

    Normal que l'effet soit présent si tu l'ajoutes devant une image de ton article puisque c'est le but recherché.

    Si tu ne souhaites pas en mettre, tu n'ajoutes rien tout simplement. smile

    Vendredi 2 Avril à 11:15
    FREDCLOCLO

    Je suis certain que c'est moi qui doit mal m'expliquer !!!

    Justement, je ne veux pas de l'effet sur certains articles. Regarde je vais te mettre un exemple  : 

    Tu vois au-dessus du cadre, les notes de musique, je voudrais qu'elles ne soit pas entourés du rectangle, légèrement entouré de blanc (comme par contre, je veux que cela apparaissent à d'autres endroits)

    Exemple que par la suite, mes lecteurs verront

    C'est dommage que je ne sais pas t'annexer ici une capture d'écran, lorsque je suis en mode "edition" car tu verras la différence...

    Ce ne serait pas plus simple que je t'ajoute comme "administrateur" avec moi, afin que tu vois ??

    Vendredi 2 Avril à 11:51
    Colette95

    Non, ce n'est pas que tu t'exprimes mal, mais comme tu ne connais le langage "css" ce n'est pas facile pour toi de comprendre.

    Alors je t'explique, tu veux que cette ombre n'apparaisse que sur certaines images, pour cela ce que tu as mis dans la feuille de style c'est ok et ensuite en attribuant le code dans l'éditeur d'article c'est ok également. Donc de ce côté là tout est bien ! smile

    Par contre, en jetant un coup d'oeil dans ta feuille de style, je me rends compte que tu n'as pas supprimé le code qui à l'origine concernait toutes les images.

    Il s'agit de celui-ci :

    .module_contenu img{box-shadow:0px 0px 40px #ffffff;}
    

    donc c'est ce dernier qui prend tout simplement le dessus sur l'autre (ordre et contre ordre, ça ne fonctionne pas). intello

    Après sa suppression, tout devrait rentrer dans l'ordre. happy




    Vous devez être membre pour poster un message.