neilou2000 (Créer un compte)

Toutes mes réponses sur les forums

7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • en réponse à : Insérer plusieurs liens dans une image. #2348172
    neilou2000
    Participant
    Initié WordPress
    9 contributions

    Ca a fonctionné ! Mais pas exactement avec ce code malheureusement: lorsque je le mets dans le CSS additionnel, le code était bien modifié (j’ai vérifié avec l’outil “inspecter” de Chrome), mais pas de changement visible. J’ai alors repris mon code initial, en rajoutant “!important” comme suggéré, et tout est rentré dans l’ordre. Je joins le code ainsi qu’une capture d’écran du résultat final pour ceux que ça peut aider:

    body #hotspot-434 .leaflet-container,
    body #hotspot-434 .hotspots-image-container {
    	background: transparent !important;
    }

    434 étant mon ID pour cette image.

     

    Encore merci pour votre précieuse aide !

    • Cette réponse a été modifiée le il y a 1 mois par neilou2000.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    en réponse à : Insérer plusieurs liens dans une image. #2348156
    neilou2000
    Participant
    Initié WordPress
    9 contributions

    Bon, malheureusement ce ne sera pas possible d’utiliser la bannière, les deux formats n’ont pas l’air compatibles. Apparemment le widget de draw attention n’est disponible que pour Gutenberg, mais j’utilise le shortcode qui est généré donc pas de problème.

    J’aurais une dernière question: j’essaie de mettre le fond transparent mais je n’y arrive pas. J’ai trouvé un code CSS qui fonctionne d’après les utilisateurs:

     

    body #hotspot-394.leaflet-container,
    body #hotspot-394.hotspots-image-container {
    	background: transparent;
    }

    où 394 est probablement l’ID de mon image (c’est ce que j’ai trouvé en inspectant l’élement sur Chrome)

    J’ai également trouvé une vidéo qui expliquait comment écrire du CSS dans une balise HTML, puisqu’Elementor n’autorise pas le CSS sous sa version gratuite. J’ai compris qu’il fallait rajouter <style> au début, puis notre classe CSS (que j’ai appelé “hey” dans mon exemple) précédée d’un point. Le code donnerait alors:

     

    <style>
    .hey{
    #hotspot- .leaflet-container,
    #hotspot- .hotspots-image-container {
    background: transparent;
    }
    }
    </style>

     

    C’est la première fois que j’écris du code, que ce soit en HTML ou CSS, et malheureusement ça ne fonctionne pas. Est ce que vous avez une idée de la raison? J’ai interprété les “body” au début du code comme des alinéas, même si je ne suis pas sûr que ce soit ça.

     

    • Cette réponse a été modifiée le il y a 1 mois par neilou2000.
    en réponse à : Insérer plusieurs liens dans une image. #2348141
    neilou2000
    Participant
    Initié WordPress
    9 contributions

    C’est ça oui, et qui fait aussi que le titre s’affiche au survol; j’aime bien, mais ce n’est pas indispensable, surtout pour un site pédagogique. Je vais essayer tout de suite de faire comme ça, il faut juste que je trouve le widget (merci de me l’avoir fait remarquer), et je partage le rendu juste après si j’arrive à faire quelque chose, si jamais c’est utile à d’autres dans mon cas.

    en réponse à : Insérer plusieurs liens dans une image. #2348138
    neilou2000
    Participant
    Initié WordPress
    9 contributions

    Ca me conviendrait de faire comme ça ! Comment je dois m’y prendre pour arriver à ce résultat? Est ce que l’image que vous avez envoyée est également en mode bannière, ou bien je devrais me contenter d’un design statique?

    en réponse à : Insérer plusieurs liens dans une image. #2348135
    neilou2000
    Participant
    Initié WordPress
    9 contributions

    En fait, j’utilise le réglage “elementor canevas” sur Elementor, sans thème pour l’instant, seulement des widjets (je rajouterai sûrement un thème par la suite). J’ai rajouté l’image en bannière (grâce à un widjet que j’ai obtenu sur une extension d’elementor), qui est transparente à l’origine, et la transparence est conservée dans le rendu final, ce qui me convient parfaitement.

     

    Je voulais que cette image soit une sorte de “table des matières” pour mes étudiants, et que chaque cercle représente un chapitre, d’où la raison pour laquelle j’aimerais que chaque cercle soit interactif et redirige vers un lien. Pour l’instant, je n’ai pas encore pris le temps d’écrire le titre des chapitres sur chaque cercle, je modifierai l’image dès que cela sera nécessaire.

    Je joins la page du site juste ici. C’est juste une page expérimentale, d’où l’absence de contenu: http://www.amphyzic.com/vue-densemble-l1/

    J’ai mis à la suite les deux images que j’ai réussi à obtenir. D’abord la fameuse bannière, dont j’aime beaucoup le design mais qui n’offre pas d’interaction possible. Ensuite, l’image que j’ai créé grâce à draw attention, qui est interactive mais opaque, et qui ne peut pas faire banière.

     

    Je vous remercie encore vivement de prendre le temps de m’aider,

     

    Neil

    en réponse à : Insérer plusieurs liens dans une image. #2348133
    neilou2000
    Participant
    Initié WordPress
    9 contributions

    Bonjour, merci encore pour votre aide ! Malheureusement, je ne pense pas que cette extension sera compatible avec ce que j’essaie de faire: elle n’est pas compatible avec l’option “bannière” de wordpress (ou bien il faut que je trouve comment insérer un code au lieu d’une image dans le widjet, mais ça ne me paraît pas possible). De plus, l’image que j’ai est transparente à l’origine, mais pas après modification. Pour ceux qui sont dans mon cas, ce deuxième problème se règle sûrement assez facilement, j’ai cru voir une option pour ça.

     

    Si d’autres solutions sont possibles, n’hésitez pas à m’en faire part !

    en réponse à : Thème de style “mindmap” #2348095
    neilou2000
    Participant
    Initié WordPress
    9 contributions

    Bonjour, merci beaucoup pour votre réponse ! (et excusez moi pour la mienne qui est très tardive)

     

    J’ai pu utiliser l’extension et elle est vraiment utile (quoiqu’un peu difficile à manipuler pour moi), mais finalement je me suis dirigé vers le plugin” bannière” d’Elementor. Je cherche maintenant comment insérer des liens sur des images, je vais ouvrir un autre sujet pour ça.

7 sujets de 1 à 7 (sur un total de 7)