ΚΥΛΙΟΜΕΝΑ LINKS ΜΕ ΕΓΧΡΩΜΑ BUTTONS
Με τον παρακάτω κώδικα
μπορείτε να βάλετε στο blog σας κυλιόμενα links με έγχρωμα buttons
τα οποία θα ανοίγουν σε popup
window για να μην φεύγει ο αναγνώστης από το blog σας.
Τα links αυτά κινούνται οριζοντίως από τα δεξιά προς τα
αριστερά και αν θέλετε μπορείτε να τα κάνετε να κινούνται και καθέτως αλλάζοντας την κατεύθηνση από direction="left" σε "up" ή "down".
Η ταχύτητα κύλισης ρυθμίζεται
αλλάζοντας το scrollamount="4" Το χρώμα background ρυθμίζεται
αλλάζοντας το background:#333333; Τα links
των εικόνων αυτών του έχω είναι από το Google plus και το Picasa και έχουν μέσα τους διαστάσεις τις οποίες έχω
επισημάνει με γαλάζιο χρώμα. Αν βάλετε φωτογραφίες από άλλες πηγές θα χρειαστεί
να βάλετε και διαστάσεις. Οι διαστάσεις του popup window
ρυθμίζονται εκεί που γράφει width=800, height=500. Το μήκος του
κουμπιού αφήστε το όπως έχει width:auto; Το height
που είναι δίπλα του αν θέλετε το αλλάζετε.
Μετά δίπλα από αυτά είναι το background του κουμπιού και το χρώμα
κειμένου του κουμπιού αν θέλετε τα αλλάζετε και αυτά με άλλα της αρεσκείας σας. Μμπορείτε εκτός από εικόνες
να βάλετε και βίντεο, μουσική, έγγραφα και παρουσιάσεις όπως έχω βάλει εγώ στα
τελευταία κουμπιά των παρακάτω κυλιόμενων links με buttons. ▼
<marquee behavior="scroll" direction="left" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()"
style="background:#333333;">
<a href="https://lh5.googleusercontent.com/-xoRjaryAc9g/UiiJQylwIqI/AAAAAAAAJMU/pmISgNnhBIw/w800-h500-no/KERKYRA-16.jpg" target="_blank"
onclick="window.open(this.href, 'popupwindow', 'width=800, height=500,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;"><button style="width:auto;
height:28px; background:#105105; color:#FFFFFF; font: 14px
Arial;">ΚΕΡΚΥΡΑ</button></a>
<a href="https://lh5.googleusercontent.com/-HVjJAI6w9oo/UneTzBuu6UI/AAAAAAAAJuA/Fl47Ee-i42A/w800-h500-no/KEFALONIA-30.jpg" target="_blank"
onclick="window.open(this.href, 'popupwindow', 'width=800, height=500,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;"><button style="width:auto;
height:28px; background:#661111; color:#FFFFFF; font: 14px
Arial;">ΚΕΦΑΛΟΝΙΑ</button></a>
<a href="https://lh3.googleusercontent.com/-U1SYDXEuglg/UhTDYo1ooyI/AAAAAAAAIuQ/BFAInM46G2M/s800/ZAKYNTHOS-13.jpg" target="_blank"
onclick="window.open(this.href, 'popupwindow', 'width=800, height=500,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;"><button style="width:auto;
height:28px; background:#33FFFF; color:#000000; font: 14px
Arial;">ΖΑΚΥΝΘΟΣ</button></a>
<a href="https://lh3.googleusercontent.com/-iHpUXMPF_2U/UiiIviNxdII/AAAAAAAAJLM/7Q8ShXmAat0/w800-h500-no/LEYKADA-24.jpg" target="_blank"
onclick="window.open(this.href, 'popupwindow', 'width=800, height=500,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;"><button style="width:auto;
height:28px; background:#173377; color:#FFFFFF; font: 14px
Arial;">ΛΕΥΚΑΔΑ</button></a>
<a href="https://lh6.googleusercontent.com/-4DreoX17fbw/UneTAiiwZBI/AAAAAAAAJtQ/VREUu-0W4hQ/s800/ITHAKI-13.jpg" target="_blank"
onclick="window.open(this.href, 'popupwindow', 'width=800, height=500,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;"><button style="width:auto;
height:28px; background:#FBBB22; color:#000000; font: 14px
Arial;">ΙΘΑΚΗ</button></a>
<a href="https://lh3.googleusercontent.com/-_xe0RxHk5n4/UpPPyzkgk4I/AAAAAAAAKl0/1lUWChytIN8/s800/ALONISOS-01.jpg" target="_blank"
onclick="window.open(this.href, 'popupwindow', 'width=800, height=500,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;"><button style="width:auto;
height:28px; background:#FF6600; color:#FFFFFF; font: 14px
Arial;">ΑΛΟΝΗΣΟΣ</button></a>
<a href="https://lh5.googleusercontent.com/-JOIQugPPxUU/UnedtKA9PDI/AAAAAAAAKC4/D_akLkG26aI/s800/SKIATHOS-22.jpg" target="_blank"
onclick="window.open(this.href, 'popupwindow', 'width=800, height=500,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;"><button style="width:auto;
height:28px; background:#621061; color:#FFFFFF; font: 14px
Arial;">ΣΚΙΑΘΟΣ</button></a>
<a href="https://lh6.googleusercontent.com/-Wlx9Ii3rPao/Uned84Hf3rI/AAAAAAAAKDc/xb9Rif7AYI4/s800/SKOPELOS-33.jpg" target="_blank"
onclick="window.open(this.href, 'popupwindow', 'width=800, height=500,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;"><button style="width:auto;
height:28px; background:#532000; color:#FFFFFF; font: 14px
Arial;">ΣΚΟΠΕΛΟΣ</button></a>
<a href="https://www.youtube.com/embed/YK_kb0HnCR4?rel=0&autoplay=1&loop=1&playlist=YK_kb0HnCR4" target="_blank"
onclick="window.open(this.href, 'popupwindow', 'width=800, height=500,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;"><button style="width:auto;
height:28px; background:#105105; color:#FFFFFF; font: 14px
Arial;">Η ΚΕΡΚΥΡΑ ΑΠΟ ΨΗΛΑ ΒΙΝΤΕΟ</button></a>
<a href="https://www.youtube.com/embed/YSuo0j2xsj8?rel=0&start=20&end=235&autoplay=1&loop=1&playlist=YSuo0j2xsj8" target="_blank"
onclick="window.open(this.href, 'popupwindow', 'width=800, height=500,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;"><button style="width:auto;
height:28px; background:#115599; color:#FFFFFF; font: 14px
Arial;">ΖΑΚΥΝΘΟΣ ΝΑΥΑΓΙΟ BASE JUMPING ΒΙΝΤΕΟ</button></a>
<a href="https://www.youtube.com/embed/sxKA1j-Rjbo?rel=0&autoplay=1&loop=1&playlist=sxKA1j-Rjbo" target="_blank"
onclick="window.open(this.href, 'popupwindow', 'width=800, height=500,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;"><button style="width:auto;
height:28px; background:#A11111; color:#FFFFFF; font: 14px
Arial;">ΛΕΥΚΑΔΑ ΑΓΙΟΦΥΛΙ ΒΙΝΤΕΟ</button></a>
<a href="https://docs.google.com/presentation/d/1E9hHM_E5tKArh8tTQMUsjCG5_5oz2TkrSHZhiPyMc2M/preview" target="_blank"
onclick="window.open(this.href, 'popupwindow', 'width=800, height=500,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;"><button style="width:auto;
height:28px; background:#621061; color:#FFFFFF; font: 14px
Arial;">ΠΑΡΟΥΣΙΑΣΗ ΛΙΜΝΗ ΚΕΡΚΙΝΗ</button></a>
<a href="https://googledrive.com/host/0B8GeBeRdN9NsaXQzSC05UWs0Mmc" target="_blank"
onclick="window.open(this.href, 'popupwindow', 'width=800, height=500,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;"><button style="width:auto;
height:28px; background:#255720; color:#FFFFFF; font: 14px
Arial;">ΜΟΥΣΙΚΗ ΖΟΡΜΠΑΣ</button></a>
</marquee>
Δεν υπάρχουν σχόλια:
Δημοσίευση σχολίου
► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".
Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.