Καινούργιοι bloggers γεια σας. Βρήκα ένα εύκολο κολπάκι σε μια σελίδα με τρυκ για μπλογκ, και σκέφτηκα να σας τη παρουσιάσω. Ειναι πανεύκολη και έχει πλάκα...μπορείτε να τη δείτε στο DEMO blog μου όπου την έβαλα, στη μέση της σελίδας...
Αντιγράψτε τον κώδικα που σας δίνω στη ΣΧΕΔΙΑΣΗ=>ΣΤΟΙΧΕΙΑ ΣΕΛΙΔΑΣ=>ΠΡΟΣΘΗΚΗ 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>
Αντιγράψτε τον κώδικα που σας δίνω στη ΣΧΕΔΙΑΣΗ=>ΣΤΟΙΧΕΙΑ ΣΕΛΙΔΑΣ=>ΠΡΟΣΘΗΚΗ 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.
Αυτό είναι όλο...πατήστε ΑΠΟΘΗΚΕΥΣΗ και τελειώσατε...
ΠΡΟΣΟΧΗ όμως...ίσως δεν λειτουργήσει εάν έχετε στη σελίδα σας και άλλο jquery.
2 comments:
http://malesina-blog.blogspot.com/2010/12/blog-post_3734.html
sto demo sou exeis mia kopela pou xoreuei...gia kati tetoio pou mporw na psaxw...kai genikotera gia kinoumenes eikones...voithise me se parakalw..
Δημοσίευση σχολίου
Παρακαλούμε τους φίλους αναγνώστες:
ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ
Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.