Site de marque d'alcool / Ajouter une page "Avez-vous l'âge légal ?"

[thierryarnold1@gmail.com]

Bonjour,

Je souhaite intégerer un message légal d'accès à mon site d'alcool (Français ou International : ex: greygoose.com). LA solution que vous proposez dans " Ouvrir automatiquement une fenêtre Pop-Up" ne répond pas exactement à mes besoins puisque je n'ai pas la réponse "non" qui me donne une alternative à la question et qui renvoi l'internaute vers une page type : "responsibledrinking.eu"

Que dois-je changer dans le code ci-dessous pour répondre à ma problématique :

<div id="alert_popup" style="position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.9); width: 100%; height: 100%; z-index: 9999;">
<div style="position: fixed; width: 300px; background: black; top: 40%; left: calc(50% - 150px); padding: 10px 20px;">
<p style="text-align: center; margin-bottom: 20px">Avez-vous plus de 18 ans ? Have you the legal age ? </p>
<div onclick="javascript:popupok()" style="border: 1px solid black; margin: auto; width: 50px; cursor: pointer;">
<h3 style="text-align: center">OUI / YES </h3>
</div>
</div>
</div>

Merci d'avance pour votre aide,
Titi

[FredVig]

[Déterrage de post - 2]
Je post n'a pas reçu de réponse, car :
1- il s'adresse au staff de Jimdo.
Ce forum d'utilisateurs ne peut pas vous répondre en leur nom.
2- Absence de référence vers le tuto  
(aide jimdo officielle > aller plus loin > fenêtre Pop-Up)
3- post dans une mauvaise section du forum (> modifier le head ou widget)

La question étant parfaitement légitime, voici des éléments de réponse :

1- Créer un bouton jimdo de texte "NON" de lien vers une page d'avertissement.
2- copier son code html en inspectant le code en mode visiteur
3- coller le code dans le widget, après la div correspondant au "oui"
4- mettre en forme selon son plaisir (css + html dans le module)

Code:

(…            <h3 style="text-align: center">
                OUI
            </h3>
        </div>
        [b]<div>
            <a class="j-calltoaction-link j-calltoaction-link-style-2" data-action="button" href="/" data-title="NON">NON</a>
        </div>[/b]

Remarques :
A- Ce pop up s'ouvre à chaque visite de la page, le clic du visiteur n'est pas enregistré. Celui-ci va donc être lassé de cliquer régulièrement.
B- Ce pop-up n'apparaît pas lorsque le navigateur est en mode lecture

Alternative première:
Monter la page d'accueil du site comme une page d'avertissement comprenant deux boutons (OUi et NON), renvoyant respectivement vers la page accueil du site et la page d'avertissement.
- Avantage : aucun code
- Inconvénient : conduit à mettre tous les menus en second niveau