Aggiungi un Popup

Support Wissensdatenbank

Du bist hier:

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:
    <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>
    

    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

 

 

War dieser Artikel hilfreich?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
Wie können wir diesen Artikel verbessern?
Brauchst du Hilfe?
Related Post