GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr DIIGO Start.me feedburner

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="http://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://lh5.googleusercontent.com/-e3EVzPTBPGY/VjjozRgbXaI/AAAAAAAATjA/f4tYZJMbmfc/w320-h480-no/FIRE-CHRISTMAS.gif"/>
<img border="0" width="320" height="320" src="https://lh3.googleusercontent.com/-GajXMRHZGfc/VlRRFpoz2WI/AAAAAAAATug/Pcgx2t9hyLY/s400-no/CHRISTMAS%2BWISHES-3.gif"/></a>
<br/>
<a>ΚΑΛΑ ΧΡΙΣΤΟΥΓΕΝΝΑ ΚΑΙ ΕΥΤΥΧΙΣΜΕΝΟΣ Ο ΝΕΟΣ ΧΡΟΝΟΣ</a><br/>
<a>(Κάντε κλίκ πάνω στις εικόνες για να κλείσετε αυτό το παράθυρο)</a>
</div>


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

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

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