Καινούργιοι bloggers γεια σας. Βρήκα ένα εύκολο κολπάκι σε μια σελίδα με τρυκ για μπλογκ, και σκέφτηκα να σας τη παρουσιάσω. Ειναι πανεύκολη και έχει πλάκα...μπορείτε να τη δείτε στο blog του DEMO όπου την έβαλα, στη μέση της σελίδας...
Αντιγράψτε τον κώδικα που σας δίνω στη ΣΧΕΔΙΑΣΗ=>ΣΤΟΙΧΕΙΑ ΣΕΛΙΔΑΣ=>ΠΡΟΣΘΗΚΗ 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://i1029.photobucket.com/albums/y353/pantelakos/145rbq.png" /></a>
ΚΛΕΙΣΕ ΓΡΗΓΟΡΑ ΑΥΤΟ ΤΟ ΚΟΥΤΙ, ΓΙΑΤΙ ΘΑ ΑΝΑΤΙΝΑΧΘΕΙ ==></div>
Αντιγράψτε τον κώδικα που σας δίνω στη ΣΧΕΔΙΑΣΗ=>ΣΤΟΙΧΕΙΑ ΣΕΛΙΔΑΣ=>ΠΡΟΣΘΗΚΗ 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://i1029.photobucket.com/albums/y353/pantelakos/145rbq.png" /></a>
ΚΛΕΙΣΕ ΓΡΗΓΟΡΑ ΑΥΤΟ ΤΟ ΚΟΥΤΙ, ΓΙΑΤΙ ΘΑ ΑΝΑΤΙΝΑΧΘΕΙ ==></div>
Βεβαίως μπορείτε να αλλάξετε το ύφος και το μήνυμα και να το προσαρμόσετε ανάλογα με τα δικά σας γούστα και ανάγκες.
Αυτό είναι όλο...πατήστε ΑΠΟΘΗΚΕΥΣΗ και τελειώσατε...
ΠΡΟΣΟΧΗ όμως...ίσως δεν λειτουργήσει στη σελίδα σας .Αν δείτε οτι δεν δουλεύει, βγάλτε το...Επειδή παραφορτώνουμε τη σελίδα μας με πολλά js αυτά καπου συγκρούονται και δεν δίνουν αποτέλεσμα....Δεν χάνετε πάντως κάτι αν το δοκιμάσετε...
Αυτό είναι όλο...πατήστε ΑΠΟΘΗΚΕΥΣΗ και τελειώσατε...
ΠΡΟΣΟΧΗ όμως...ίσως δεν λειτουργήσει στη σελίδα σας .Αν δείτε οτι δεν δουλεύει, βγάλτε το...Επειδή παραφορτώνουμε τη σελίδα μας με πολλά js αυτά καπου συγκρούονται και δεν δίνουν αποτέλεσμα....Δεν χάνετε πάντως κάτι αν το δοκιμάσετε...