Support Wissensdatenbank

Qui vi mostriamo come creare un popup su un sito web con SiteDesigner.

1. aprire il SiteDesigner
2. ora aggiungere un nuovo elemento:

   

3. selezionare il codice HTML/JS e trascinarlo in un campo di testo libero in fondo al sito web

   

4. fare doppio clic sull’area appena aggiunta e cliccare su “Modifica codice” nella nuova finestra.

   

5. inserire ora il seguente codice:

   [code lang=”php”]
   <style type="text/css">
   #fixedrightbottom{-webkit-box-shadow: 0px 0px 5px 1px rgba(128,128,128,1);-moz-box-shadow: 0px 0px 5px 1px rgba(128,128,128,1);box-shadow: 0px 0px 5px 1px rgba(128,128,128,1);position: fixed; right:25px;bottom:25px;width:30%;height:auto;color:#808080;background-color: white; z-index:999999999;}
   #fixedrightbottom_title {text-align:center;width:100%;line-height:60px;height:60px;color:white;background-color: #A9A9A9;}
   #fixedrightbottom_content {text-align:center;margin:20px;}\n #fixedrightbottom_close {float:right; margin:0px 25px 0px 25px;}
   @media screen and (max-width: 1000px){
   #fixedrightbottom{width:90%; }
   }
   </style>
   <div id="fixedrightbottom">
   <div id="fixedrightbottom_title">
   <b>Online-Termine buchen</b>
   <span id="fixedrightbottom_close" onclick="$(this).parent().parent().hide()">X</span>
   </div>
   <div id="fixedrightbottom_content">
   Ab dem 27. April ist unser Büro wieder geöffnet. Buchen Sie doch Ihren Termin gleich Online unter <a href="https://www.musterdomain.ch/kontakte">"Kontakte"</a>
   </div>
   </div>
   [/code]

   E questo è il risultato:

   

   Se si vuole cambiare il colore:
   Cerca #80808080 per cambiare il colore del testo
   Cerca #A9A9A9A9 per cambiare il colore della barra del titolo