CHRISTMAS WISH FLOATING 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>