Nouvel Element Fenêtre modale
Imprimé depuis: Forum openElement
Categorie:
openElement
Nom du Forum: Élements complémentaires pour OE
Description du Forum: Les éléments complémentaires créés pour Open Element
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=23822
Date: 19 Avr 2024 à 08:35
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com
Sujet: Nouvel Element Fenêtre modale
Posté par: Hobby001
Sujet: Nouvel Element Fenêtre modale
Posté le: 18 Mar 2020 à 01:06
|
Bonjour, En signe de solidarité, je vous offre ceci: Pour tous ceux qui veulent afficher un message d'alerte à l'ouverture de votre site, voici un élément fenêtre modale. https://denislafrance.net/Element/FenetreModale.htm" rel="nofollow - https://denislafrance.net/Element/FenetreModale.htm Cet élément permet l'affichage d'une fenêtre modale à chaque ouverture de la page, une fois par jour en ouvrant la page ou une fois seulement. Voir aussi la liste des https://forum.openelement.com/fr/forum_posts.asp?TID=22573&title=liste-des-lments-proposs" rel="nofollow - éléments complémentaires ------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |
Réponses:
Posté par: brolysan
Posté le: 18 Mar 2020 à 11:48
|
y a quelques réglages à appliquer, si vous avez besoin de plus d'informations, n'hésitez pas à nous demander. Pour voir ce que cela donne, vous pouvez consulter ce site par exemple : https://www.gtconduite.fr/" rel="nofollow - https://www.gtconduite.fr/ ------------- https://sensode.com" rel="nofollow - Sensode https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie |
Posté par: jjb1
Posté le: 18 Mar 2020 à 17:08
|
Y a-t-il possibilité de modifier l'assombrissement de la page support ? ------------- http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9) |
Posté par: brolysan
Posté le: 18 Mar 2020 à 17:13
vous voulez modifier dans quel sens? plus? moins? Via l'ajout d'un peu de code CSS, sans trop de problème normalement. ------------- https://sensode.com" rel="nofollow - Sensode https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie |
jjb1 a écrit:Posté par: jjb1
Posté le: 18 Mar 2020 à 17:19
|
Plutôt plus clair, donc moins. Par contre, je ne sais pas trouver le code. ------------- http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9) |
Posté par: brolysan
Posté le: 18 Mar 2020 à 17:43
Vous rajouter ce code CSS sur la page où se trouve l'élément :
Modifier la valeur (plus basse) pour que cela l'éclaircit. ------------- https://sensode.com" rel="nofollow - Sensode https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie |
Posté par: jjb1
Posté le: 18 Mar 2020 à 19:32
|
Merci Brolysan, ça marche impeccablement. ------------- http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9) |
Posté par: Hobby001
Posté le: 19 Mar 2020 à 02:58
|
Je viens d'ajouter la couleur et l'opacité du fond d'écran, donc Version 4
https://denislafrance.net/Element/FenetreModale.htm ------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |
Posté par: jjb1
Posté le: 19 Mar 2020 à 09:18
|
S'agissant d'un message à caractère provisoire, je n'ai pas trouvé le moyen de le faire disparaître, tous en le gardant à portée de main pour un prochain message ponctuel, à moins de le supprimer carrément. Y a-t-il un moyen de le mettre en veille ? ------------- http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9) |
Posté par: brolysan
Posté le: 19 Mar 2020 à 09:24
|
bonjour, C'est une option visible dans l'élément, menu de droite lorsque l'on a sélectionné l'élément. Au lieu de permanent, choisissez ce que vous voulez.  ------------- https://sensode.com" rel="nofollow - Sensode https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie |
Posté par: jjb1
Posté le: 19 Mar 2020 à 09:42
|
Oui, j'avais bien vu ces options, mais j'avais omis de mettre mon panneau d'élément sur "Affichage - Non" ce qui fait que mon message apparaissait sans cadre, ni assombrissement de le page. Tout fonctionne désormais parfaitement. Merci de votre aide. ------------- http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9) |
Posté par: Hobby001
Posté le: 19 Mar 2020 à 10:47
|
Bonne idée, ------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |
Posté par: brolysan
Posté le: 19 Mar 2020 à 12:43
bizarre, il n'y a pas lieu de marquer le panneau d'éléments, celui-ci l'est automatiquement grâce à l'élément. Bizarre. ------------- https://sensode.com" rel="nofollow - Sensode https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie |
Posté par: Hobby001
Posté le: 19 Mar 2020 à 12:52
|
L'élément gère l'apparition et la disparition du message, pas besoin de le mettre invisible. Je viens aussi de couvrir les cas où le panneau aurait une incidence parce qu'il serait situé dans la page et dérangerait les autres éléments. Il disparaîtra complètement désormais. Je viens aussi d'ajouter une quatrième fréquence (Jamais), ce qui permettra de mettre le tout en "Stand-by" Donc voici la version 5 de l'élément: https://denislafrance.net/Element/FenetreModale.htm" rel="nofollow - https://denislafrance.net/Element/FenetreModale.htm ------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |
Posté par: jjb1
Posté le: 19 Mar 2020 à 14:06
|
Il se peut que ma méthode ne soit pas la bonne ; voici ce que j'ai fait : J'ai créé un Panneau d'éléments (Hauteur Auto Largeur 70%), lié à la fenêtre modale, dans lequel j'ai inclus un texte Multi-lignes (Hauteur & Largeur Auto). Lorsque je choisi la fréquence Once_Simple, les effets de la fenêtre modale disparaissent, seul reste mon message ; voilà pourquoi je mets mon panneau d'éléments à Affichage NON. ------------- http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9) |
Posté par: Hobby001
Posté le: 19 Mar 2020 à 14:22
Utilisez la version 5 La fréquence Once_Simple affiche quand-même le panneau une fois. La fréquence Never_Jamais n'affiche pas le message du tout. J'ai aussi intégré un bout de code pour faire disparaître complètement le panneau. Donnez-moi des nouvelles. Si ça ne fonctionne pas, passez-moi le projet que je voies ce qui se passe.
------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |
Posté par: jjb1
Posté le: 19 Mar 2020 à 15:05
|
Avec la version 5, tout est parfait. Merci encore pour cette belle initiative. Et vive le Quebec ... ------------- http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9) |
Posté par: running59
Posté le: 22 Mar 2020 à 12:04
|
Avant tout merci beaucoup pour le travail. J'ai un soucis le texte multi-lignes que j'intègre dans mon panneau d'élément n'apparait pas le panneau d'élément s'ouvre bien et je peux le fermer avec la croix mais le texte n'apparait pas. Si je mets en fond une image elle apparait bien mais toujours pas mon texte. Merci de ton aide. ------------- running59 |
Posté par: brolysan
Posté le: 22 Mar 2020 à 15:09
|
le panneau d'éléments en comment? en relative ou absolut? ------------- https://sensode.com" rel="nofollow - Sensode https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie |
Posté par: Hobby001
Posté le: 22 Mar 2020 à 21:14
Assurez-vous de forcer une couleur pour le texte, le texte par défaut peut-être de la même couleur que le fond de l'élément. ------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |
Posté par: running59
Posté le: 23 Mar 2020 à 18:09
|
J'ai changé le mode d'affichage d'absolute en relative et ça fonctionne parfaitement. Merci beaucoup une fois de plus pour ce travail et pour l'aide et surtout portez vous bien ------------- running59 |
Posté par: jjb1
Posté le: 03 Mai 2020 à 17:28
|
Je viens de m'apercevoir que mon message est tronqué à droite lorsque l'écran est réduit en largeur. Il semble que mon panneau d'élément soit bloquée à une certaine hauteur et empêche de ce fait l'affichage normal du texte. Y a-t-il une limitation quelconque de hauteur dans cet élément ? Merci de votre aide. ------------- http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9) |
Posté par: Bridet
Posté le: 03 Mai 2020 à 18:39
|
On ne s'adresse jamais nommément sur un forum sinon, la réponse est certainement juste au-dessus. ------------- http://accessit.be" rel="nofollow - Les Billets d'une Bobonne Bougonne - http://gite.vervoz.be" rel="nofollow - Gîte Le Vicus |
Posté par: Hobby001
Posté le: 03 Mai 2020 à 18:51
Quand on place un élément responsive il faut aussi s'assurer que son contenu l'est. Utilisez les média éditions d'OE pour ajuster la taille de votre texte selon la taille de l'écran. ------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |
Posté par: jjb1
Posté le: 04 Mai 2020 à 11:42
@Hobby, merci, je vais regarder cela ------------- http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9) |
Posté par: jjb1
Posté le: 04 Mai 2020 à 14:49
|
Je crois avoir trouvé mon anomalie : J'avais intégré plusieurs tailles de police dans mon texte multiligne. Je pense que le fait d'avoir harmonisé la taille semble avoir réglé le problème.
En revanche, je ne vois pas comment mettre un texte multiligne "responsive" dans un panneau d'éléments lui-même responsive ? Peut-être que l'auteur ci-dessus (pour ne pas le nommer !) pourrait m'éclairer à ce propos. D'avance merci. ------------- http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9) |
Posté par: Hobby001
Posté le: 05 Mai 2020 à 03:00
|
Donnez-lui une largeur en %
Comme ici https://denislafrance.net/Element/FenetreModale.htm" rel="nofollow - https://denislafrance.net/Element/FenetreModale.htm ------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |
Posté par: jjb1
Posté le: 06 Mai 2020 à 17:09
|
Je fais, comme Monsieur Jourdain, de la prose sans le savoir. J'ai 90% pour mon panneau d'élément et 70% pour le texte multiligne. Puis, dans mon code css, pour les écran <640px, je passe à 100% pour le PE et je réduit la taille de la police. Malgré cela, mon texte, arrivé à une certaine taille étroite de fenêtre, ne veut plus s'adapter et est tronqué à droite. Mais je pense qu'il reste visible sur la plupart des smartphones. Merci pour ces renseignements. ------------- http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9) |
Posté par: brolysan
Posté le: 06 Mai 2020 à 17:50
avez vous un lien pour que l'on puisse voir?
Sinon, cela vient d'un "mauvais" copier/coller d'un document word, où le texte garde une trace "invisible" d'un saut de ligne. ------------- https://sensode.com" rel="nofollow - Sensode https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie |
Posté par: Hobby001
Posté le: 06 Mai 2020 à 18:21
|
Media par défaut: J'ai pris un panneau d'éléments: largeur 30%, hauteur auto, affichage relative Pour le Media Tablette le panneau passe à largeur 60% Pour le Media Certaines tablettes ... le panneau passe à largeur 90% C'est tout. Si ça ne fonctionne pas c'est que l'élément parent est plus large que l'écran. ------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |
Posté par: jjb1
Posté le: 08 Mai 2020 à 14:03
|
@ brolysan, mon site est dans ma signature @ hobby, "Pour le Media Tablette le panneau passe à largeur 60% Pour le Media Tablette le panneau passe à largeur 90%" Je suppose que 90% c'est plutôt pour les smartphones ?? En fait j'avais l'impression que mon texte était tronqué sur smartphone car, n'étant pas équipé d'une telle sophistication, je me sert de la fonction F12 de Chrome pour réduire la largeur de la fenêtre ; en la réduisant drastiquement, le texte devient effectivement illisible, mais ceci n'est sans pas le reflet de la réalité. ------------- http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9) |
Posté par: Hobby001
Posté le: 08 Mai 2020 à 20:45
|
C'est en effet certaines tablettes, j'ai corrigé mon énoncé. Pour vérifier le côté responsive testez votre site ici: https://responsivedesignchecker.com/" rel="nofollow - https://responsivedesignchecker.com/ ------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |
Posté par: Hobby001
Posté le: 08 Mai 2020 à 20:47
|
Puisqu'il n'est pas sécurisé, utilisez celui-ci: http://ami.responsivedesign.is/?url=#" rel="nofollow - http://ami.responsivedesign.is/?url=# ------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |
Posté par: jjb1
Posté le: 08 Mai 2020 à 22:46
|
Ok, merci pour les liens. ------------- http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9) |