Mobirise-Tutorials.com

Code: Alles auswählen

<div>
<!-- Beginn Anzeige vom Modal -->

<div id="openModal" class="modalDialog">
<div>


  <p>Bei der Verwendung des Tools "Google Maps" werden Daten (s. Datenschutzerklärung Punkt 5) gespeichert bzw. an andere Server gesendet. Wenn Sie das nicht akzeptieren wollen dann ist die Nutzung dieses Tools von unserer Homepage nicht ratsam. Mit der Nutzung des angebotenen Tools durch klick auf den Button "Anfahrt" werden die in der Datenschutzerklärung erläuterten Datenübertragungen und Datenspeicherungen akzeptiert!</p><br>
     
 <p><a href="https://www.shotokan-karate-dojo-neukirchen.de/ohnemaps/index.html" class="btn  btn-sm">Ohne Google Maps fortfahren</a>&nbsp; &nbsp; &nbsp;<a href="#close" title="Schließen" class="btn  btn-sm">Akzepzieren und weiter</a></p>
  

     
     <!-- Ende Anzeige vom Modal -->
</div></div></div>

Code: Alles auswählen

.modalDialog {
  position: Fixed;
  font-family: Verdana, Sans-Serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99999;
  opacity: 0;
  transition: opacity 400ms ease-in;
  pointer-events: None;
}
.modalDialog:target {
  opacity: 1;
  pointer-events: Auto;
}
.modalDialog > div {
  width: 1300px;
  max-width: 90%;
  position: relative;
  margin: 10% Auto;
  padding: 40px 10px 20px 10px;
  border-radius: 1px;
  background-color: white;
  cursor: Default;
}

Code: Alles auswählen

<div id="custom-html-ws"><!-- Type valid HTML here -->

<div>
<!-- Beginn Anzeige vom Modal -->

<div id="openModal" class="modalDialog">
<div>

Code: Alles auswählen

#custom-html-ws .modalDialog {
  position: Fixed;
  font-family: Verdana, Sans-Serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99999;
  opacity: 0;
  transition: opacity 400ms ease-in;
  pointer-events: None;
}
#custom-html-ws .modalDialog:target {
  opacity: 1;
  pointer-events: Auto;
}
#custom-html-ws .modalDialog > div {
  width: 1300px;
  max-width: 90%;
  position: relative;
  margin: 10% Auto;
  padding: 40px 10px 20px 10px;
  border-radius: 1px;
  background-color: white;
  cursor: Default;
}