GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr Delicius DIIGO Start.me NETVIBES feedburner

ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ ΕΓΧΡΩΜΑ BUTTONS ΚΑΙ SCROLL BAR

buttons menu
ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ ΕΓΧΡΩΜΑ BUTTONS ΚΑΙ SCROLL BAR
Το παρακάτω κάθετο μενού αποτελείται από εγχρωμα buttons τα οποία ανοίγουν άλλα σε νέα καρτέλα και άλλα σε popup window. Εφόσον τα buttons είναι αρκετά και ξεπερνούν τα 250px σε ύψος εμφανίζεται δεξιά τους και μία scroll bar. Μπορείτε να ρυθμίσετε το πλάτος και το ύψος του κάθετου μενού αλλάζοντας το width: 255px; και το height: 250px; Μπορείτε να αλλάξετε και το πλάτος για το κάθε ένα κουμπί ξεχωριστά αλλάζοντας το width:238px; Αν δεν θέλετε να ανοίγουν σε νέα καρτέλα αφαιρέστε το target="_blank". Αν δεν θέλετε να ανοίγουν σε popup window αφαιρέστε το όλο το κώδικα με τα πράσινα γράμματα.


<ul style="width: 255px; height: 250px;overflow: auto;">
<a href="https://lh5.googleusercontent.com/-xoRjaryAc9g/UiiJQylwIqI/AAAAAAAAJMU/pmISgNnhBIw/w1600-h1000-no/KERKYRA-16.jpgtarget="_blank"><button style="width:238px; height:28px; background:#105105; color:#FFFFFF;  font: 14px Arial;">ΚΕΡΚΥΡΑ</button></a>

<a href="https://lh5.googleusercontent.com/-HVjJAI6w9oo/UneTzBuu6UI/AAAAAAAAJuA/Fl47Ee-i42A/w1600-h1000-no/KEFALONIA-30.jpg"  target="_blank"><button style="width:238px; height:28px; background:#661111; color:#FFFFFF;  font: 14px Arial;">ΚΕΦΑΛΟΝΙΑ</button></a>

<a href="https://lh3.googleusercontent.com/-U1SYDXEuglg/UhTDYo1ooyI/AAAAAAAAIuQ/BFAInM46G2M/s1600/ZAKYNTHOS-13.jpgtarget="_blank"><button style="width:238px; height:28px; background:#33FFFF; color:#000000;  font: 14px Arial;">ΖΑΚΥΝΘΟΣ</button></a>

<a href="https://lh3.googleusercontent.com/-iHpUXMPF_2U/UiiIviNxdII/AAAAAAAAJLM/7Q8ShXmAat0/w1600-h1000-no/LEYKADA-24.jpg"  target="_blank"><button style="width:238px; height:28px; background:#173377; color:#FFFFFF;  font: 14px Arial;">ΛΕΥΚΑΔΑ</button></a>

<a href="https://lh6.googleusercontent.com/-4DreoX17fbw/UneTAiiwZBI/AAAAAAAAJtQ/VREUu-0W4hQ/s1600/ITHAKI-13.jpg"  target="_blank"><button style="width:238px; height:28px; background:#FBBB22; color:#000000;  font: 14px Arial;">ΙΘΑΚΗ</button></a>

<a href="https://lh3.googleusercontent.com/-_xe0RxHk5n4/UpPPyzkgk4I/AAAAAAAAKl0/1lUWChytIN8/s1600/ALONISOS-01.jpgtarget="_blank"><button style="width:238px; height:28px; background:#FF6600; color:#FFFFFF;  font: 14px Arial;">ΑΛΟΝΗΣΟΣ</button></a>

<a href="https://lh5.googleusercontent.com/-JOIQugPPxUU/UnedtKA9PDI/AAAAAAAAKC4/D_akLkG26aI/s1600/SKIATHOS-22.jpgtarget="_blank"><button style="width:238px; height:28px; background:#621061; color:#FFFFFF;  font: 14px Arial;">ΣΚΙΑΘΟΣ</button></a>

<a href="https://lh6.googleusercontent.com/-Wlx9Ii3rPao/Uned84Hf3rI/AAAAAAAAKDc/xb9Rif7AYI4/s1600/SKOPELOS-33.jpgtarget="_blank"><button style="width:238px; 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_kb0HnCR4target="_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:238px; height:28px; background:#105105; color:#FFFFFF;  font: 14px Arial;">ΚΕΡΚΥΡΑ AERIAL VIDEO</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:238px; 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-Rjbotarget="_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:238px; height:28px; background:#A11111; color:#FFFFFF;  font: 14px Arial;">ΛΕΥΚΑΔΑ ΑΓΙΟΦΥΛΙ</button></a>

<a href="https://docs.google.com/presentation/d/1E9hHM_E5tKArh8tTQMUsjCG5_5oz2TkrSHZhiPyMc2M/previewtarget="_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:238px; height:28px; background:#621061; color:#FFFFFF;  font: 14px Arial;">ΛΙΜΝΗ ΚΕΡΚΙΝΗ</button></a>

<a href="https://googledrive.com/host/0B8GeBeRdN9NsaXQzSC05UWs0Mmctarget="_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:238px; height:28px; background:#255720; color:#FFFFFF;  font: 14px Arial;">ΜΟΥΣΙΚΗ ΖΟΡΜΠΑΣ</button></a>
</ul>

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

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

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