Port.forumgreek.com
Θέλετε να αντιδράσετε στο μήνυμα; Φτιάξτε έναν λογαριασμό και συνδεθείτε για να συνεχίσετε.

Παρακολούθηση μέσω ηλεκτρονικού ταχυδρομείου Widget

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω

Port Admin
Port Admin
Admin
Αριθμός μηνυμάτων : 2651
Πόντοι : 6380
Ημερομηνία εγγραφής : 06/03/2017
https://port.forumgreek.com

ΔημοσίευσηPort Admin Σαβ Σεπ 21, 2019 12:11 pm

Ένα [Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτόν το σύνδεσμο.] που προσαρμόζεται σε όλα τα site/blog.

Αφού έχετε σύνδεση το site/blog σας  στο [Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτόν το σύνδεσμο.] μπορείτε να κάνετε αντιγραφή επικόλληση και στην συνεχεια να επεξεργαστείτε τον κώδικα.

* Το κουμπί εμφανίζεται στο κάτω μέσος της σελίδας και με ένα εφέ εμφανίζεται στο κέντρο της σελίδας, με επιλογή [X] Κλείσιμο.



[Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτόν το σύνδεσμο.]


Πληροφορίες κατά το άνοιγμα.
Το όνομα username στης υπηρεσία [Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτόν το σύνδεσμο.].
Μπάρα εισαγωγής κειμένου και κουμπί.




Κώδικας:
<style>


/* foulscode.com*/
#popup-wrap .popup-button {
  background: #333333 url(https://4.bp.blogspot.com/-0nn61AOBMPg/WOlJ0p7dBNI/AAAAAAAABiQ/SXE-7Tiz8VsrTCCTRRLsaDb0VGsIvqbZgCLcB/s1600/boletin-biblioteca-digital-en-espa%25C3%25B1ol-e-sword.png) no-repeat scroll center center;     border-radius: 55%; bottom: 15px;
          55px;
  cursor: pointer;
  height: 45px;
  left: 15px;
  position: fixed;
  width: 45px;
  z-index: 99999;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow:    0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow:         0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#popup-wrap .popup-button:hover {
  background-color: #bfbfbf;
}
#popup-wrap .popup-bg {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0, .8);
  transition: opacity .25s ease;
  z-index: 999999;
}
/* foulscode.com*/
#popup-wrap .popup-bg-close {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
#popup-wrap .popup-trigger {
  display: none;
}
#popup-wrap .popup-trigger:checked + .popup-bg {
  opacity: 1;
  visibility: visible;
}
#popup-wrap .popup-trigger:checked + .popup-bg .popup-form { top: 0; }

#popup-wrap .popup-form {
  border: solid 10px #fff;
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 42%;
  margin: auto;
  overflow: auto;
  padding: 2.5em;
  max-height: 260px;
  background: #4493c4;
  text-align: center;
  background-image: url(http://cdn.pcwallart.com/images/light-lime-green-wallpaper-3.jpg);
  background-position: center center;
  background-repeat: repeat;
  background-color:#bfbfbf;
}
#popup-wrap .popup-inner {
  color: #333;
  font-size: 15px;
  font-family: &quot;Century Gothic&quot;, sans-serif;
  font-weight: normal;
  line-height: normal;
}
#popup-wrap .popup-title {
  display: block;
  font-size: 4em;
  font-weight: normal;
  margin-bottom: 20px;
  font-family: 'Great Vibes', cursive;
  text-transform: ;
  font-weight: 550;
  color: #333;
  text-shadow: 0 2px 1px #999;
  margin-bottom: 0px
}
#popup-wrap .popup-content {
  font-size: 16px;
  line-height: 26px;
}
#popup-wrap .popup-footer {
  font-size: 75%;
  font-style: italic;
}
#popup-wrap #mailbox {
  background: #fff;
  border: none;
  border-radius: 3px;
  box-sizing: border-box;
  color: #7b7b7b;
  font-family: &quot;Century Gothic&quot;,sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  padding: 10px 20px;
  width: 100%;
}
#popup-wrap #subbutton {
  background: #333;
  border: none;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-family: &quot;Century Gothic&quot;,sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  padding: 10px 20px;
  width: 100%;
}
#popup-wrap #mailbox {
  margin: 0 0 10px;
  text-transform: lowercase;
}
#popup-wrap #subbutton {
  cursor: pointer;
  margin: 0;
  text-transform: uppercase;
}
#popup-wrap #subbutton:hover {
  background: #444;
}
#popup-wrap .popup-form-close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}
/* foulscode.com*/
#popup-wrap .popup-form-close:after,
#popup-wrap .popup-form-close:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 1.5em;
  background: #333;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}
#popup-wrap .popup-form-close:hover:after,
#popup-wrap .popup-form-close:hover:before {
  background: #777;
}
#popup-wrap .popup-form-close:before {
  transform: rotate(-45deg);
}


/* foulscode.com*/
</style>


  <div class='header'>



<div id="popup-wrap">
  <!-- Activar Formulario de Suscripción -->
       <label class='popup-button' for='popup-trigger'></label>

  <!-- Contenido del Formulario -->
  <input class='popup-trigger' id='popup-trigger' type='checkbox'/>
  <div class='popup-bg'>
            <label class='popup-bg-close' for='popup-trigger' id='popup-close'></label>
            <div class='popup-form'>
                <label class='popup-form-close' for='popup-trigger' id='popup-close'></label>
                <div class='popup-inner'>
        <!-- Opciones de Suscripción -->
                    <span class="popup-title"> </span>
                  <span class="popup-content"><b>Εγγραφείτε στο Ενημερωτικό Δελτίο μας. </b> <br />
                 Καθημερινή ενημέρωση στο email που επιθυμείτε δωρεάν!  <br />

*Θα λαμβάνεται μια φορα στο τέλος της ημέρας τους τίτλους με το περιεχόμενο που έχει προστεθεί.</span>
             
                    <form action='https://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=Foulscode&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
                        <input name='uri' type='hidden' value='SU_ID_DE_SUSCRIPCIÓN'/>
                        <input name='loc' type='hidden' value='es_ES'/>
                        <input id='mailbox' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ingresa tu email...&quot;;}' onfocus='if (this.value == &quot;Ingresa tu email...&quot;) {this.value = &quot;&quot;}' required='' type='text' value='Πληκτρολόγησε το email...'/>
                        <input id='subbutton' title='' type='submit' value='Εγγραφή'/>
                    </form>
                    <br />
                    <span class="popup-footer">
<br /><script type="text/javascript">
<!-- foulscode.com -->
<!--
document.write(unescape('%3c%61%20%68%72%65%66%3d%22%68%74%74%70%73%3a%2f%2f%66%6f%75%6c%73%63%6f%64%65%2e%63%6f%6d%2f%22%3e%46%6f%75%6c%73%43%6f%64%65%2e%63%6f%6d%3c%2f%61%3e'));
//-->
</script>
</span>

                </div>
            </div><!-- .popup-form -->
  </div><!-- .popup-bg -->
    </div><!-- #popup-wrap -->

  <!-- Addthis --> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-586df3749e7789d5"></script>

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>

  </div>




Σύντομα περισσότερα για το site/blog σας...

__________________
Download: Για να δείτε το κρυφό περιεχόμενο θα πρέπει να σχολιάσετε.


To see hidden content you should comment.




Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή

Δημιουργήστε έναν λογαριασμό ή συνδεθείτε για να απαντήσετε

Προκειμένου να απαντήσετε πρέπει να είστε μέλος.

Δημιουργία Λογαριασμού

Ενταχθείτε στην κοινότητά μας δημιουργώντας έναν λογαριασμό. Είναι πανεύκολο!


Δημιουργία ενός νέου Λογαριασμού

Σύνδεση

Έχετε ήδη έναν λογαριασμό; Κανένα πρόβλημα, συνδεθείτε εδώ.


Σύνδεση

 
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης