• Résolu Ombre floue sous photos


    Dimanche 25 Septembre 2022 à 23:44
    Alheck69

    Bonjour,

    Je n'arrive pas à mettre une ombre floue sous les photos de mes articles en automatique via le Css. J'ai essayé avec box-shadow ça ne fonctionne pas rien ne se passe... J'ai testé diverses méthodes expliquées sur des sites experts mais soit c'est moi qui ne comprends rien (y a de ça surement)he soit j'oublie peut-être des infos dans mon code...cry

    Merci par avance de l'aide que vous pourrez me donner...

    Amicalement,

    Alheck

    Lundi 26 Septembre 2022 à 08:20
    Pipiou

    Bonjour,

    dans une demande d'aide, plus y'a d'infos et de détails mieux c'est : ça aurait été bien que tu indiques le code que tu as mis, ou le lien du blog concerné  pour qu'on puisse voir le souci.

    En attendant (je ne suis pas une pro en codes) si ça peut aider, voilà un lien↗ qui devrait t'éclairer.

    et un générateur↗ pour aller plus vite ;)  (attention, ça génère "le code à saisir" :

    img { code à saisir }

    Quand tu fais des modifs, pense à rafraichir ta page (touche F5) pour qu'elles apparaissent sur ton écran parce que certaines modifs ne sont pas visibles dans l'éditeur.

    @ suivre

    Lundi 26 Septembre 2022 à 13:39
    stormalo

    Bonjour,

    Dans le sujet demandé je note que ce qui échoue c'est de "mettre une ombre floue sous les photos de mes articles en automatique via le Css" et que "rien ne se passe". J'en déduis que c'est probablement plus un problème de sélecteur css que de la propriété box-shadow

    @Alheck69 : Au cas où, voici 3 possibilités de sélection, adaptées à nos blogs:

    1 ☛ Si on souhaite agir sur toutes les images du contenu,  ajouter ce code css dans Apparence > Modifier le thème   
    .module_contenu img {
     box-shadow: 0px 0px 15px #333;
    }

    2 ☛ Si on souhaite agir sur toutes les images des articles,  ajouter ce code css dans Apparence > Modifier le thème   
    [id*="module_article"] img {
     box-shadow: 0px 0px 15px #333;
    }

    3 ☛Si on souhaite agir sur une image particulière,  Éditer l'image, et dans l'onglet "Avancé", au champ "style", ajouter ce code:  box-shadow: 0px 0px 15px #333;
    (dans ce cas pas de sélecteur à trouver puisque le code est dans l'image)

    -------

    ◈ Pour adapter les valeurs et comprendre  box-shadow je conseille :
    https://developer.mozilla.org/fr/docs/Web/CSS/box-shadow
       (car il y a un exemple interactif, dont on peut modifier les valeurs)

    Bonnes suites si ça convient . . .

    Lundi 26 Septembre 2022 à 19:54
    Alheck69

    Bonjour à vous deux, 

    Bon j'ai suivi les conseils de Stormalo et ça fonctionne. En fait j'avais noté ça moi : 

    #module_img
     box-shadow: 0px 0px 15px #000000;

    Forcement ça ne fonctionnait pas he et au départ, je ne faisais que des tentatives qu'avec box-shadow :  box-shadow: 0px 0px 15px #000000; et forcement là aussi ça ne fonctionnait pas bon en tout cas merci à vous deux pour votre aide précieuse et comme le dit Terminator : "Je reviendrais" glasses

    Ps, pour info j'étais allé voir déjà les liens de site et de générateur que vous proposez et le problème est l'ensemble du code que je ne faisais pas correctement !cool

    A bientôt pour de nouvelle aventure sur EklaVogue !

    Amicalement

    Alheck

    Mardi 27 Septembre 2022 à 08:36
    Pipiou

    Super cool  et  merci stormalo pour les bons codages


    PS Alheck69 : n'oublie pas de cliquer sur le bouton    (ça évite qu'on aille voir un sujet... déjà résolu ;) 

    Mercredi 28 Septembre 2022 à 20:01
    Alheck69

    oups petit oubli merci du rappel je le fait de suite !he




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