ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ ΕΓΧΡΩΜΑ 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://i.imgur.com/JJWRsYq.jpg" target="_blank"><button style="width:238px; height:28px;
background:#105105; color:#FFFFFF; font:
14px Arial;">ΚΕΡΚΥΡΑ</button></a>
<a href="https://i.imgur.com/FVIhEvW.jpg" target="_blank"><button
style="width:238px; height:28px; background:#661111;
color:#FFFFFF;
font: 14px Arial;">ΚΕΦΑΛΟΝΙΑ</button></a>
<a href="https://i.imgur.com/4J1r2jP.jpg" target="_blank"><button style="width:238px; height:28px;
background:#33FFFF; color:#000000; font:
14px Arial;">ΖΑΚΥΝΘΟΣ</button></a>
<a href="https://i.imgur.com/b8bLvjP.jpg" target="_blank"><button
style="width:238px; height:28px; background:#173377;
color:#FFFFFF;
font: 14px Arial;">ΛΕΥΚΑΔΑ</button></a>
<a href="https://i.imgur.com/NGnH08W.jpg" target="_blank"><button
style="width:238px; height:28px; background:#FBBB22;
color:#000000;
font: 14px Arial;">ΙΘΑΚΗ</button></a>
<a href="https://i.imgur.com/zamfiLB.jpg" target="_blank"><button style="width:238px; height:28px;
background:#FF6600; color:#FFFFFF; font:
14px Arial;">ΑΛΟΝΗΣΟΣ</button></a>
<a href="https://i.imgur.com/B9GezTX.jpg" target="_blank"><button style="width:238px; height:28px;
background:#621061; color:#FFFFFF; font:
14px Arial;">ΣΚΙΑΘΟΣ</button></a>
<a href="https://i.imgur.com/SaYjJxi.jpg" target="_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_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: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-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:238px; 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:238px;
height:28px; background:#621061; color:#FFFFFF; font: 14px
Arial;">ΛΙΜΝΗ ΚΕΡΚΙΝΗ</button></a>
<a href="https://dl.dropboxusercontent.com/s/bfq652wje5wx7u7/ZORBAS-ORIGINAL.mp3" 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:#255720; color:#FFFFFF; font:
14px Arial;">ΜΟΥΣΙΚΗ ΖΟΡΜΠΑΣ</button></a>
</ul>
Δεν υπάρχουν σχόλια:
Δημοσίευση σχολίου
► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".
Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.