Κυριακή, 1 Μαΐου 2011

ΚΟΥΤΙ ΜΕ ΜΗΝΥΜΑ ΠΟΥ ΕΞΑΦΑΝΙΖΕΤΑΙ Πηγή www.bloggertips.gr






Αντιγράψτε τον κώδικα που σας δίνω στη
ΣΧΕΔΙΑΣΗ=>ΣΤΟΙΧΕΙΑ ΣΕΛΙΔΑΣ=>ΠΡΟΣΘΗΚΗ GADGET=>HTML/JavaScript.

<style>
#info{
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
position:relative;
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://i956.photobucket.com/albums/ae48/pankar61/bomb3.gif');
}
</style><script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript">
</script>

<script type="text/javascript">
$(document).ready(function(){
$(".close").click(function(){
$("#info").animate({left:"+=10px"}).animate({left:"-5000px"});
});
$("#info").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400)
.fadeOut(400).fadeIn(400);
});

</script>
<div id="info">
<a class="close" href="#close" style="float: right;"><img border="0" src="http://i48.tinypic.com/3502jif.jpg" /></a>
ΚΛΕΙΣΕ ΓΡΗΓΟΡΑ ΑΥΤΟ ΤΟ ΚΟΥΤΙ, ΓΙΑΤΙ ΘΑ ΑΝΑΤΙΝΑΧΘΕΙ ==></div>


Βεβαίως μπορείτε να αλλάξετε το ύφος και το μήνυμα και να το προσαρμόσετε ανάλογα με τα δικά σας γούστα και ανάγκες.
Αυτό είναι όλο...πατήστε ΑΠΟΘΗΚΕΥΣΗ και τελειώσατε...
ΠΡΟΣΟΧΗ όμως...ίσως δεν λειτουργήσει εάν έχετε στη σελίδα σας και άλλο jquery.