• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

ΚΥΛΙΟΜΕΝΑ LINKS ΜΕ ΕΓΧΡΩΜΑ BUTTONS

ΚΥΛΙΟΜΕΝΑ LINKS
ΚΥΛΙΟΜΕΝΑ 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>

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.