Τετάρτη, 22 Αυγούστου 2012

Κάθετο Μενου με Εικονίδιο / Vertical Menu with Icons

Νέοι bloggers γεια σας...βρήκα ένα κάθετο μενού με CSS, και κάνοντας μερικές μετατροπές, το έβλεπα να γίνεται χρήσιμο και αρκετά διαφορετικό από τα άλλα...έτσι σκέφτηκα οτι θα μπορούσε να έχει μια χρήσιμη εφαρμογή...στα φιλικά μας banner  !!!Κάτω από το μενού λοιπόν εμφανίζεται ένα εικονίδιο...και το ρύθμισα να βάζω τα φιλικά μου blogs ...Δείτε το 
ΕΔΩ...

Ο ΚΩΔΙΚΑΣ  CSS:




Ο ΚΩΔΙΚΑΣ  HTML:





***στο DEMO που σας δείχνω, έχω βάλει και τους 2 κώδικες μαζί, σαν gadget
***να σας εξηγήσω μερικά χρήσιμα πράγματα για να το ρυθμίσετε σύμφωνα με τις απαιτήσεις σας...
*τα μεγέθη   height: 70px; width: 80px;  είναι για το μέγεθος της εικόνας...
*το  target="_blank"  το έβαλα για να ανοίγει το λινκ σε νέο παράθυρο...
*στο  background: none  μπορείτε να βάλετε ένα χρώμα background...έβαλα τίποτα, για να μη μπερδευτείτε...
*το background: #000000;  είναι το χρώμα του button ...αλλάξτε και τα άλλα χρώματα
*εάν θέλετε να προσθέσετε κι άλλα banners θα επαναλάβετε τη φράση:
<a target="_blank"  href=" ΔΙΕΥΘΥΝΣΗ BLOG "> ΤΙΤΛΟΣ <img src=" ΔΙΕΥΘΥΝΣΗ ΕΙΚΟΝΑΣ "></a>  και θα μεγαλώσετε το μέγεθος   top: 190px;   (να πάει πιο κάτω)........

Πηγή, Thanks to : meyerweb.com/

0 σχόλια:

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