ΚΩΔΙΚΕΣ ΓΙΑ ΚΥΛΙΟΜΕΝΑ ΚΕΙΜΕΝΑ ΚΑΙ ΕΙΚΟΝΕΣ.
Εδώ θα βρείτε 16 διαφορετικούς κώδικες για κινούμενα κείμενα, κινούμενα links και κινούμενες εικόνες με τους περισσότερους δυνατούς συνδιασμούς. Μπορείτε να προσθέσετε ή να αφαιρέσετε μέρος από τους κώδικες για να πετύχετε το αποτέλεσμα που θέλετε. Επειδή δεν μου ήταν εύκολο να βάλω όλους τους δυνατούς συνδυασμούς, ότι λείπει από ένα κώδικα μπορείτε να το πάρετε από έναν άλλον και έτσι να δημιουργήσετε το widget σας.
ΚΩΔΙΚΑΣ-1 Απλό κυλιόμενο κείμενο από τα αριστερά στα δεξιά.
Εδώ θα βρείτε 16 διαφορετικούς κώδικες για κινούμενα κείμενα, κινούμενα links και κινούμενες εικόνες με τους περισσότερους δυνατούς συνδιασμούς. Μπορείτε να προσθέσετε ή να αφαιρέσετε μέρος από τους κώδικες για να πετύχετε το αποτέλεσμα που θέλετε. Επειδή δεν μου ήταν εύκολο να βάλω όλους τους δυνατούς συνδυασμούς, ότι λείπει από ένα κώδικα μπορείτε να το πάρετε από έναν άλλον και έτσι να δημιουργήσετε το widget σας.
ΚΩΔΙΚΑΣ-1 Απλό κυλιόμενο κείμενο από τα αριστερά στα δεξιά.
<marquee
behavior="scroll" direction="right">...Απλό κυλιόμενο κείμενο από τα αριστερά στα δεξιά...</marquee>
ΚΩΔΙΚΑΣ-2 Απλό κυλιόμενο κείμενο από τα δεξιά στα αριστερά με ταχύτητα κύλισης.
<marquee
behavior="scroll" direction="left" scrollamount="5">...Απλό κυλιόμενο κείμενο από τα αριστερά στα δεξιά...</marquee>
ΚΩΔΙΚΑΣ-3 Απλό κυλιόμενο κείμενο από κάτω προς τα πάνω με ταχύτητα κύλισης χρώμα φόντου, χρώμα γραμματοσειράς, μέγεθος γραμματοσειράς και συγκεκριμένες διαστάσεις.
<marquee behavior="scroll" direction="down" scrollamount="1" align="left" width="500" height="50" style="background:#803503; font-size:20px; color:#FFFF00"> ...Απλό κυλιόμενο κείμενο από πάνω προς τα κάτω...</marquee>
ΚΩΔΙΚΑΣ-4 Απλό κυλιόμενο κείμενο από πάνω προς τα κάτω με ταχύτητα κύλισης, χρώμα φόντου και χρώμα γραμματοσειράς και συγκεκριμένες διαστάσεις.
<marquee
behavior="scroll" direction="down" scrollamount="1" align="left" width="350" height="50" style="background:#760991; color:#FFFF00">...Απλό κυλιόμενο κείμενο από πάνω προς τα κάτω...</marquee>
ΚΩΔΙΚΑΣ-5 Κυλιόμενο κείμενο από τα δεξιά στα αριστερά με
ρυθμιζόμενη ταχύτητα κύλισης, χρώμα φόντου, χρώμα και μέγεθος γραμματοσειράς.
<marquee
behavior="scroll" direction="right" scrollamount="5" style="background:#FFFF00; font-size:18px; color:#000000">...Κυλιόμενο κείμενο από τα δεξιά στα αριστερά με ρυθμιζόμενη ταχύτητα...</marquee>
ΚΩΔΙΚΑΣ-6 Κυλιόμενο κείμενο που πηγαίνει μία αριστερά και μία δεξιά με ρυθμιζόμενη ταχύτητα κύλισης, χρώμα φόντου, χρώμα και μέγεθος γραμματοσειράς.
<marquee
behavior="alternate" scrollamount="5" style="background:#33FF00; font-size:18px; color:#000000">...κείμενο που πηγαίνει μία αριστερά και μία δεξιά με ρυθμιζόμενη ταχύτητα...</marquee>
ΚΩΔΙΚΑΣ-7 Κυλιόμενο κείμενο από τα δεξιά στα αριστερά με ρυθμιζόμενη ταχύτητα και χρώμα φόντου.
<marquee
behavior="scroll" direction="right" scrollamount="5" style="background-color: #760991;">...Κυλιόμενο κείμενο από τα δεξιά στα αριστερά με ρυθμιζόμενη ταχύτητα και χρώμα φόντου...</marquee>
ΚΩΔΙΚΑΣ-8 Κυλιόμενο κείμενο από τα αριστερά στα δεξιά με ρυθμιζόμενη ταχύτητα και χρώμα φόντου.
<marquee
behavior="scroll" direction="left" scrollamount="5" style="background-color: #803503;">...Κυλιόμενο κείμενο από τα αριστερά στα δεξιά με ρυθμιζόμενη ταχύτητα και χρώμα φόντου...</marquee>
ΚΩΔΙΚΑΣ-9 Κυλιόμενο
κείμενο από τα δεξιά στα αριστερά με ρυθμιζόμενη ταχύτητα, χρώμα φόντου, χρώμα γραμματοσειρας, μεγεθος και τύπο γραμματοσειράς.
<marquee
behavior="scroll" direction="left" scrollamount="5" style="background:#760991; color:#FFFF00; font-size:16px; font-family:Arial">...Κυλιόμενο κείμενο από τα δεξιά στα αριστερά με ρυθμιζόμενη ταχύτητα χρώμα φόντου, χρώμα γραμματοσειρας, μεγεθος και τύπο γραμματοσειράς...</marquee>
ΚΩΔΙΚΑΣ-10 Κυλιόμενο
κείμενο από τα αριστερά στα δεξιά με ρυθμιζόμενη ταχύτητα, χρώμα φόντου, χρώμα γραμματοσειρας, μεγεθος και τύπο γραμματοσειράς.
<marquee
behavior="scroll" direction="right" scrollamount="5"
style="background:#207907; color:#FFFF00; font-size:16px; font-family:Arial">...Κυλιόμενο κείμενο από τα αριστερά στα δεξιά με ρυθμιζόμενη ταχύτητα χρώμα φόντου, χρώμα γραμματοσειρας μεγεθος και τύπο γραμματοσειράς...</marquee>
ΚΩΔΙΚΑΣ-11 Κυλιόμενοι
σύνδεσμοι από τα δεξιά προς τα αριστερά με ρυθμιζόμενη ταχύτητα χρώμα φόντου, μεγεθος
και τύπο γραμματοσειράς.
<marquee behavior="scroll"
direction="left" scrollamount="4" style="background:#FF6600; font-size:16px;
font-family:Arial">
<a href="http://the-best-widgets.blogspot.gr/p/widgets_859.html"
target="_blank">1…MY PHOTOS.......... </a>
<a href="http://the-best-widgets.blogspot.gr/p/wigdets.html"
target="_blank">2…MY VIDEOS.......... </a>
<a href="https://app.box.com/s/if98ihmj6bs15f69bro2"
target="_blank">3…FREE PROGRAMS..........
</a>
<a href="https://app.box.com/s/chdfmak9du0v6hlg0h5b"
target="_blank">4…FREE RINGTONES...........
</a>
<a href="https://drive.google.com/folderview?id=0B8GeBeRdN9NsT3VPRkpOYmUwSVU&usp=sharing"
target="_blank">5…BACKROUNDS FOR
BLOGGER.......... </a>
<a href="https://drive.google.com/folderview?id=0B8GeBeRdN9NsX0RKYzZOemtwOWM&usp=sharing"
target="_blank">6…ANNIMATED GIFs............
</a></marquee>
ΚΩΔΙΚΑΣ-12 Κυλιόμενοι σύνδεσμοι από κάτω προς τα πάνω με
ρυθμιζόμενη ταχύτητα, χρώμα φόντου και συγκεκριμένες διαστάσεις.
<left><marquee behavior="scroll" direction="up"
onmouseover="this.stop()" scrollamount="3"
onmouseout="this.start()" bgcolor="#760991" align="middle" width="240" height="180">
<left>
<p><a href="http://the-best-widgets.blogspot.gr/p/wigdets.html"
target="_blank">MY VIDEOS</a></p>
<p><a href="http://myphotos77.imgur.com"
target="_blank">MY PHOTOS</a></p>
<a href="http://the-best-widgets.blogspot.gr/p/my-forum.html"
target="_blank">MY FORUM</a>
<p><a href="https://app.box.com/s/chdfmak9du0v6hlg0h5b"
target="_blank">MY RINGTONES</a></p>
<p><a href="https://app.box.com/s/if98ihmj6bs15f69bro2"
target="_blank">MY FREE PROGRAMS</a></p>
<p><a href="https://drive.google.com/folderview?id=0B8GeBeRdN9NsX0RKYzZOemtwOWM&usp=sharing"
target="_blank">MY ANNIMATED GIFs</a></p>
<p><a href="https://drive.google.com/folderview?id=0B8GeBeRdN9NsT3VPRkpOYmUwSVU&usp=sharing"
target="_blank">MY BLOGGER BACKROUNDS</a></p></left></marquee></left>
ΚΩΔΙΚΑΣ-13 Απλή κυλιόμενη εικόνα από τα δεξιά στα αριστερά.
<marquee behavior="scroll" direction="left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL3Z7dHP8QuakhzVlqXYnumFlIxdpQbsN7t4wX4MuwiuzbRJJ9jXocQ4ekc9B3eFY0MKaxrm__OTU6Ar1ILDROT-m3jCO6isyGgLSK4C5xd23ri-ulwoM6FVYs61ui3BJ7GR3eYUpnIkc/w240-h87-no/YOUTUBE-240.jpg"
width="240" height="87"/></marquee>
ΚΩΔΙΚΑΣ-14 Κυλιόμενες εικόνες από τα δεξιά στα αριστερά με συνδέσμους
που ανοίγουν σε νέα καρτέλα.
<marquee behavior="scroll"
direction="left"><a href="https://blogger.com" target="_blank">
<img alt="BLOGGER" height="78" width="240"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDIhW-8oBqGvukyXP1SV3QlDvZiaaA1tFXmoITZdsVuA01Gi8RFTCL0KHdZiSBF32l0W2XmbLhL9c3_dcwErD8UqCWflmaGzPj74TBSadE0OTZ5SD9hnrDK9UJfx9XlpIYz0oiXvNEi0o/w240-h78-no/blogger-240.jpg"/></a> <a href="https://twitter.com" target="_blank"><img
alt="TWITTER" height="72" width="240"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9w8liE1EGR8p6LXfcW_z574p21_FpK5vy2r_G3rTF7jTrTAV1vayJjcKcLpN7T3zGg1ggqsNN-eAA24SFmCMfoBoM5s0D4-bsbOdH5UaZqgB8g-N8xLAEyBQ3yaTuu8jv8_DVc8mckXw/w240-h72-no/Twitter-240.jpg"/></a> <a href="https://youtube.com"
target="_blank"><img alt="YOUTUBE"
height="78" width="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL3Z7dHP8QuakhzVlqXYnumFlIxdpQbsN7t4wX4MuwiuzbRJJ9jXocQ4ekc9B3eFY0MKaxrm__OTU6Ar1ILDROT-m3jCO6isyGgLSK4C5xd23ri-ulwoM6FVYs61ui3BJ7GR3eYUpnIkc/w240-h87-no/YOUTUBE-240.jpg"/></a></marquee>
ΚΩΔΙΚΑΣ-15 Κυλιόμενες εικόνες με σύνδεσμους που ανοίγουν σε νέες
καρτέλες με κατεύθηνση από τα δεξιά προς τα αριστερά.
<left>
<marquee behavior="scroll" direction="left" onmouseover="this.stop()"
scrollamount="9" onmouseout="this.start()"
bgcolor="transparent"
align="middle" width="240"
height="180">
<a href="http://myphotos77.imgur.com"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBlYwT7e_fWie4oqRrBdTi8VPOpUiq-a4g5aU7YFB9CreIz1BQlwNJId_L2fataa9007u-9GCWWByMtGI4llyq9DnUa80zE7rQ7AvAvAqxM6lylqsQ7CUD838I7UVTLIh-RQ2aIc-r2XOR/w240-h180-no/ALONHSOS-2.jpg"
alt="ALONHSOS" title="ALONHSOS" width="240" height="180"/></a>
<a href="http://myphotos77.imgur.com"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtweJTyzvbWetNu-PUOg9uvTigqH90l1XB1j5RUvP6kyTe_qI87zRrvoJxFi4JHnZ-umV9Nsrs_sI_4W47DPjbRftCk6RMGqT-CicbPWX2C-Q9YhFJnq_lfAxIghbjlpJSod9ImB4uQGbc/w240-h180-no/AMORGOS-1.jpg"
alt="AMORGOS" title="AMORGOS" width="240"
height="180"/></a>
<a href="http://myphotos77.imgur.com"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj09CgPiOg7zDck36AcEGsjeqoHX60-jf6FSe-d6NV9596FH5fxEWu74AYaffqh3aq2oa4N3Tw1HNpd9zTQ9VQrronRIkaelBqIF7yR9J5hM3i0YfRFbDQfWFzohBcINbqB8gM4mr9lCUse/w240-h180-no/ASTYPALAIA-1.jpg"
alt="ASTYPALEA" title="ASTYPALEA" width="240" height="180"/></a>
<a href="http://myphotos77.imgur.com"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOtWtNXIsFnWIVT6O1z9i48MQcGYMap-0iTXGPPgOkc7I1WyGP5urCmPAV1DAumgzzTh2Qi6zWzOwj02nbL9LwzM3_v-Ag1f0ONN1CYQtSsk2Yu2EmGQ7zpj1XiFUCRPw1VZnAEcLjhRVO/w240-h180-no/SANTORINI-1.jpg"
alt="SANTORINI" title="SANTORINI" width="240" height="180"/></a>
<a href="http://myphotos77.imgur.com"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiozZv5G892zROFEp_-qguY3jm5tT9MlaVJamn6VWvA88b6DzYwWWFV1CJxS818U2o29t-39hlHtyxoS86b25Oo3yO5MLVf9mDqSt6l24LKiFP1gPO5Sy-CpRnkfm275_HvGElakVkfpoJr/w240-h180-no/SKOPELOS-1.jpg"
alt="SKOPELOS" title="SKOPELOS" width="240" height="180"/></a>
<a href="http://myphotos77.imgur.com"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwa_0rEhyphenhyphenYvWT5HPMjbuPAyf_8vI1kubFZbj-8zez0RlvO-ptWCmgFtOpXCCUqczDrqNaZ85m_wC7fAJ4tqDouQZX7klLizDCZW-HWSV1TkzzWUaJgdxMzOxSHqyxyeSQfn4uO1RoZchLa/w240-h180-no/ZAKYNTHOS-1.jpg"
alt="ZAKYNTHOS" title="ZAKYNTHOS" width="240" height="180"/></a></marquee></left>
ΚΩΔΙΚΑΣ-16 Κυλιόμενες εικόνες με σύνδεσμους που ανοίγουν σε νέες
καρτέλες με κατεύθηνση από κάτω προς τα πάνω στο φόντο που υπάρχει στο blog σας, ρυθμιζόμενη
ταχύτητα και σταμάτημα του ποντικιού όταν περνά από πάνω τους.
<center><marquee behavior="scroll" direction="up"
onmouseover="this.stop()"
scrollamount="5" onmouseout="this.start()"
bgcolor="transparent"
align="middle" width="240"
height="240">
<a href="https://www.facebook.com/widgetsforblogs"
target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_XUuz-khuI28KDXR5Z39uW_yEZz3VZONRuj7itDulVfuMNGqMnohfuMlEP2FuwP9S2TbCqxbgwcIy5Wa3OI7OnSgACnIp4Q0LJ78fgwlJ60o6glPzAlqn0uCMINS1Y-kXDFNiNkupXtQ/w240-h85-no/facebook-like-240.jpg"
/></a>
<a href="https://plus.google.com/113381416528370124258/posts"
target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmfKN_CnUDOgfkuaBrCntsq4oo0Mc_Zs_qq8SstbyD8e17v445hpZhh0fhXPLLrKCa6mXSgqlZ7Vrfa_3CX2t-qVFgpRFuSER2LrhmEGCHfUFgK0_I1ZruZJbaE9kcj6JrsZE1Hlk-r7M/w240-h86-no/googleplus-240.jpg"/></a>
<a href="https://www.youtube.com/user/WIDGETSFORBLOGS"
target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL3Z7dHP8QuakhzVlqXYnumFlIxdpQbsN7t4wX4MuwiuzbRJJ9jXocQ4ekc9B3eFY0MKaxrm__OTU6Ar1ILDROT-m3jCO6isyGgLSK4C5xd23ri-ulwoM6FVYs61ui3BJ7GR3eYUpnIkc/w240-h87-no/YOUTUBE-240.jpg"
/></a>
<a href="http://myphotos77.imgur.com"
target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDOO972mLyxfXAVHi0IBj-EAIPV-dQ0EjYpgCdcazUqS9hBLstkoY5SPdZJdIZrXQ3D0I1UGJBqx6sVwgw2YsGlJlIfuh69JXIt51jF8uvvtVADInbY-Zzb8vaSYdwodsD93RX-aMrUfg/w240-h85-no/imgur-240.jpg"
/></a>
<a href="http://the-best-widgets.blogspot.gr"
target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDIhW-8oBqGvukyXP1SV3QlDvZiaaA1tFXmoITZdsVuA01Gi8RFTCL0KHdZiSBF32l0W2XmbLhL9c3_dcwErD8UqCWflmaGzPj74TBSadE0OTZ5SD9hnrDK9UJfx9XlpIYz0oiXvNEi0o/w240-h78-no/blogger-240.jpg"
/></a>
</marquee></center>
Πολύ χρήσιμο
ΑπάντησηΔιαγραφήΚαλησπέρα χθες έβαλα το μενού το οριζόντιο 3D δεν μπορώ να κεντράρω να είναι δλδ. στο κέντρο του blog μου. Μπορείτε μήπως να με βοηθήσετε
ΑπάντησηΔιαγραφήΆλλαξε την πρώτη γραμμή του κώδικα και βάλε αυτήν που έχω βάλει στο νέο κώδικα που ρυθμίζει με την εντολή position absolute 200px την απόσταση του μενού απο τα αριστερά προς τα δεξιά και το φέρνει στο κέντρο. Την γραμμή αυτή αντέγραψέ την απο εδώ. http://codepen.io/anon/pen/LpjjQE
ΑπάντησηΔιαγραφήΚαλησπέρα. Χρειάζομαι και πάλι τη βοήθειά σου - αν είναι δυνατόν. Έφτιαξα ένα κυλιόμενο κείμενο, όμως παραμένεο στατικό, δεν ακολουθεί την κίνηση της σελίδα. Μπορείς να βοηθήσεις;
ΑπάντησηΔιαγραφήhttp://diaviouanelixi.blogspot.gr/
Απο ότι είδα στο blog σου το έφτιαξες αν δεν κάνω λάθος κινείται κανονικά πρός τα αριστερά. Όλα καλά...
Διαγραφήναι αλλα οταν κατεβαινει η σελιδα αυτο μενει σταθερο ...
ΑπάντησηΔιαγραφήΑφαίρεσε αυτές τις 2 γραμμές που σου έχω επισημάνει με μώβ υπογράμμιση σε αυτό το screenshout. http://prntscr.com/9xa5d6
Διαγραφή