• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

CHRISTMAS WISH FLOATING BOX

CHRISMAS WISH BOX
CHRISTMAS WISH FLOATING BOX
Με τον παρακάτω κώδικα εμφανίζεται ένα αναδυόμενο κουτί που περιέχει gif animation εικόνες και από κάτω του τις ευχές σας για τα Χριστούγεννα και το νέο έτος. Ο κώδικας μπάνει σε οποιοδήποτε κουτί gadget θέλετε. Μπορείτε να αλλάξετε την γραμματοσειρά και το μέγεθός της αλλάζοντας το font:18px Arial; Μπορείτε να αλλάξετε την θέση που θα εμφανίζεται το αναδυόμενο κουτί αλλάζοντας το fixed;top:151px;left:275pxΜπορείτε να αλλάξετε τις διαστάσεις των εικόνων αλλάζοντας τα width="240" height="320" Και τέλος μπορείτε να αλλάξετε το μήνυμα που είναι χρωματισμένο με πράσινα γράμματα και βρίσκεται ανάμεσα στα <a> και </a>.



<style>
#fbox{background:#661111;color:#FFFFFF;font:18px Arial;border:2px solid #00FF00;margin:0;padding:5px;position:fixed;top:151px;left:275px;}
</style>
<script src="https://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$(".close").click(function(){
$("#fbox").animate({left:"+=5px"}).animate({left:"-1920px"});});
$("#fbox");});
</script>

<div id="fbox">
<a class="close" href="#close" style="float:right;">
<img border="0" width="240" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZdiNktHDtrBIgI53oNhjw0Sp3rsTPtY0XsoENr9wX0hoagL7DmbK5mYXcBBiOosAYKibpB1ArlS3MaxCPOGcK9lMiEX03m-Y0Fj3BmoeVxisT274aDLBkjE1APjgaUatUo7WC5Ok1_ryk/w320-h480-no/FIRE-CHRISTMAS.gif"/>
<img border="0" width="320" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZjbyU6amUbnJMmFY6iW96tEDIZ7VycEKYF4TzDFbsRB16V0ryq-VR4QolbynsZDvICAEZXNC-xQgmTvRU0Z8vz6H_yZdhIk8XAjC444aq6JAz7yj8Us7w7OUtqIDqTbm0EuddHqHQFqsy/s400-no/CHRISTMAS+WISHES-3.gif"/></a>
<br/>
<a>ΚΑΛΑ ΧΡΙΣΤΟΥΓΕΝΝΑ ΚΑΙ ΕΥΤΥΧΙΣΜΕΝΟΣ Ο ΝΕΟΣ ΧΡΟΝΟΣ</a><br/>
<a>(Κάντε κλίκ πάνω στις εικόνες για να κλείσετε αυτό το παράθυρο)</a>
</div>


Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.