10 Νέο Menu για Superleague

Νέοι bloggers γεια σας !!!Σας έφτιαξα άλλο ένα μενού για αθλητικά blogs ειδικά για τη Superleague...Σας το δίνω σε 2 διαφορετικές εφαρμογές.Κάθετο (στατικό) και οριζόντιο ..είναι φτιαγμένο από απλό κώδικα HTML και δεν καθυστερεί το blog σας στο άνοιγμα...Του  πρόσθεσα και τον κώδικα διαφάνειας (opacity) για εφέ !!!
DEMO  


ΤΟ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ :

<center>

<a class="opacity"   href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΠΑΝΑΘΗΝΑΙΚΟΥ"  title="ΠΑΝΑΘΗΝΑΪΚΟΣ"><img src="https://lh5.googleusercontent.com/-cgWydzmgXrw/Tstrw96yD7I/AAAAAAAACxk/7PhCuUR0y5o/s57/images%252520%2525283%252529.jpg" height="40" width="40"/></a>

<a class="opacity"   href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΟΛΥΜΠΙΑΚΟΥ" title="ΟΛΥΜΠΙΑΚΟΣ"><img src="https://lh3.googleusercontent.com/-MZtgCXQ87Zc/Tstr0g0JupI/AAAAAAAACyg/NtqpZuYXSMU/s57/%2525CE%2525B1%2525CF%252581%2525CF%252587%2525CE%2525B5%2525CE%2525AF%2525CE%2525BF%252520%2525CE%2525BB%2525CE%2525AE%2525CF%252588%2525CE%2525B7%2525CF%2525823.jpg" height="40" width="40"/></a>

<a class="opacity"   href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΑΕΚ"  title="ΑΕΚ"><img src="https://lh6.googleusercontent.com/-pf_tAWCZdBA/TstryAJyT6I/AAAAAAAACx8/pkHhnpBudWY/s76/images.jpg" height="40" width="35"/></a>

<a class="opacity"   href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΠΑΟΚ""  title="παοκ"><img src="https://lh5.googleusercontent.com/-QMAU0CMknP0/TstrxxMSUPI/AAAAAAAACx0/GR0syZunzgc/s74/images%252520%2525286%252529.jpg" height="40" width="35"/></a>

<a class="opacity"   href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΑΡΗΣ"  title="ΑΡΗΣ"><img src="https://lh4.googleusercontent.com/-yylND28pzbs/TstrzSa73JI/AAAAAAAACyM/BrMsRvMBpBg/s57/%2525CE%2525B1%2525CF%252581%2525CF%252587%2525CE%2525B5%2525CE%2525AF%2525CE%2525BF%252520%2525CE%2525BB%2525CE%2525AE%2525CF%252588%2525CE%2525B7%2525CF%2525824.jpg" height="38" width="40"/></a>

<a class="opacity"   href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΟΦΗ"  title="ΟΦΗ"><img src="https://lh4.googleusercontent.com/-FAodBY2mYxs/TstrzrS2AfI/AAAAAAAACyI/6LfTt11ndaI/s63/%2525CE%2525B1%2525CF%252581%2525CF%252587%2525CE%2525B5%2525CE%2525AF%2525CE%2525BF%252520%2525CE%2525BB%2525CE%2525AE%2525CF%252588%2525CE%2525B7%2525CF%252582%252520%2525281%2525294.jpg" height="40" width="37"/></a>

<a class="opacity"   href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΞΑΜΘΗ"  title="ΞΑΝΘΗ"><img src="https://lh5.googleusercontent.com/-elfMbnu_c2E/Tstr2iP7rcI/AAAAAAAACys/dh7gqzhyDw0/s57/%2525CE%2525B1%2525CF%252581%2525CF%252587%2525CE%2525B5%2525CE%2525AF%2525CE%2525BF%252520%2525CE%2525BB%2525CE%2525AE%2525CF%252588%2525CE%2525B7%2525CF%252582%252520%2525282%2525294.jpg" height="40" width="43"/></a>

<a class="opacity"   href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΠΑΝΑΙΤΩΛΙΚΟΣ"     title="ΠΑΝΑΙΤΩΛΙΚΟΣ"><img src="https://lh5.googleusercontent.com/-tF-P0NeHcQQ/TstryEV1_bI/AAAAAAAACyE/YggRVbZtiXM/s76/Panaitolikos.jpg" height="44" width="42"/></a>

<a class="opacity" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΠΑΝΙΩΝΙΟΣ"  title="ΠΑΝΙΩΝΙΟΣ"><img src="https://lh4.googleusercontent.com/-TgwRLOdj52I/TstrxXDTSkI/AAAAAAAACxo/UCF2vyctxj8/s67/images%252520%2525285%252529.jpg" height="40" width="35"/></a>

<a class="opacity"  href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΠΑΣ ΓΙΑΝΝΙΝΑ" title="ΠΑΣ ΓΙΑΝΝΙΝΑ"><img src="https://lh4.googleusercontent.com/-ddGmB8bmV1I/TstrwzE97bI/AAAAAAAACxc/NrKvD5x9-s4/s67/images%252520%2525284%252529.jpg" height="40" width="35"/></a>

<a class="opacity"   href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΚΕΡΚΥΡΑ"  title="ΚΕΡΚΥΡΑ"><img src="https://lh5.googleusercontent.com/-fLIpFHfR_Nw/TstrwgXL_iI/AAAAAAAACxQ/53kuVU1IxIo/s57/images%252520%2525282%252529.jpg" height="40" width="40"/></a>

<a class="opacity"   href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΕΡΓΟΤΕΛΗΣ""  title="εργοτελησ"><img src="https://lh6.googleusercontent.com/-IYv_-FS2O6Q/Tstrwvbw2II/AAAAAAAACxM/dztYBkGD6hk/s68/images%252520%2525281%252529.jpg" height="40" width="37"/></a>

<a class="opacity"   href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΑΤΡΟΜΗΤΟΣ"  title="ΑΤΡΟΜΗΤΟΣ"><img src="https://lh5.googleusercontent.com/-3TkieWzrewU/TstrwXhwu6I/AAAAAAAACxE/xOBEs9kAqj8/s79/ATROMITOS_LOGO.jpg" height="40" width="40"/></a>

<a class="opacity"   href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΑΣΤΕΡΑΣ ΤΡΙΠΟΛΗΣ"  title="ΑΣΤΕΡΑΣ ΤΡΙΠΟΛΗΣ"><img src="https://lh6.googleusercontent.com/-sYpoSngqF6k/TstrwPWGNmI/AAAAAAAACxI/ZAp3tE5uu44/s79/ASTERAS-TRIPOLIS-F.C.4.jpg" height="42" width="42"/></a>

<a class="opacity"   href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΛΕΒΑΔΕΙΑΚΟΣ"  title="ΛΕΒΑΔΕΙΑΚΟΣ"><img src="https://lh4.googleusercontent.com/-QkraBAPmbrE/Tstrv6CR2II/AAAAAAAACw8/wVn5uPBrEoY/s88/50252_35985507576_3093500_n.jpg" height="40" width="40"/></a>

<a class="opacity"   href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΔΟΞΑ ΔΡΑΜΑΣ"   title="ΔΟΞΑ ΔΡΑΜΑΣ"><img src="https://lh3.googleusercontent.com/-UY4xOsWbbsk/TstrvwIkbpI/AAAAAAAACxA/g3jpeYxdNuA/s57/50232_137862777218_6984_n.jpg" height="40" width="40"/></a></center>

 ΤΟ ΚΑΘΕΤΟ MENU:

<a class="opacity" style="display:scroll;position:fixed;top:35px;left:15px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΠΑΝΑΘΗΝΑΙΚΟΥ"  title="ΠΑΝΑΘΗΝΑΪΚΟΣ"><img src="https://lh5.googleusercontent.com/-cgWydzmgXrw/Tstrw96yD7I/AAAAAAAACxk/7PhCuUR0y5o/s57/images%252520%2525283%252529.jpg" height="32" width="32"/></a>

<a class="opacity" style="display:scroll;position:fixed;top:70px;left:15px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΟΛΥΜΠΙΑΚΟΥ" title="ΟΛΥΜΠΙΑΚΟΣ"><img src="https://lh3.googleusercontent.com/-MZtgCXQ87Zc/Tstr0g0JupI/AAAAAAAACyg/NtqpZuYXSMU/s57/%2525CE%2525B1%2525CF%252581%2525CF%252587%2525CE%2525B5%2525CE%2525AF%2525CE%2525BF%252520%2525CE%2525BB%2525CE%2525AE%2525CF%252588%2525CE%2525B7%2525CF%2525823.jpg" height="35" width="35"/></a>

<a class="opacity" style="display:scroll;position:fixed;top:105px;left:15px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΑΕΚ"  title="ΑΕΚ"><img src="https://lh6.googleusercontent.com/-pf_tAWCZdBA/TstryAJyT6I/AAAAAAAACx8/pkHhnpBudWY/s76/images.jpg" height="37" width="30"/></a>

<a class="opacity" style="display:scroll;position:fixed;top:140px;left:13px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΠΑΟΚ""  title="παοκ"><img src="https://lh5.googleusercontent.com/-QMAU0CMknP0/TstrxxMSUPI/AAAAAAAACx0/GR0syZunzgc/s74/images%252520%2525286%252529.jpg" height="35" width="33"/></a>

<a class="opacity" style="display:scroll;position:fixed;top:175px;left:12px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΑΡΗΣ"  title="ΑΡΗΣ"><img src="https://lh4.googleusercontent.com/-yylND28pzbs/TstrzSa73JI/AAAAAAAACyM/BrMsRvMBpBg/s57/%2525CE%2525B1%2525CF%252581%2525CF%252587%2525CE%2525B5%2525CE%2525AF%2525CE%2525BF%252520%2525CE%2525BB%2525CE%2525AE%2525CF%252588%2525CE%2525B7%2525CF%2525824.jpg" height="35" width="37"/></a>

<a class="opacity" style="display:scroll;position:fixed;top:210px;left:15px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΟΦΗ"  title="ΟΦΗ"><img src="https://lh4.googleusercontent.com/-FAodBY2mYxs/TstrzrS2AfI/AAAAAAAACyI/6LfTt11ndaI/s63/%2525CE%2525B1%2525CF%252581%2525CF%252587%2525CE%2525B5%2525CE%2525AF%2525CE%2525BF%252520%2525CE%2525BB%2525CE%2525AE%2525CF%252588%2525CE%2525B7%2525CF%252582%252520%2525281%2525294.jpg" height="37" width="32"/></a>

<a class="opacity" style="display:scroll;position:fixed;top:245px;left:13px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΞΑΜΘΗ"  title="ΞΑΝΘΗ"><img src="https://lh5.googleusercontent.com/-elfMbnu_c2E/Tstr2iP7rcI/AAAAAAAACys/dh7gqzhyDw0/s57/%2525CE%2525B1%2525CF%252581%2525CF%252587%2525CE%2525B5%2525CE%2525AF%2525CE%2525BF%252520%2525CE%2525BB%2525CE%2525AE%2525CF%252588%2525CE%2525B7%2525CF%252582%252520%2525282%2525294.jpg" height="35" width="37"/></a>

<a class="opacity" style="display:scroll;position:fixed;top:280px;left:13px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΠΑΝΑΙΤΩΛΙΚΟΣ"     title="ΠΑΝΑΙΤΩΛΙΚΟΣ"><img src="https://lh5.googleusercontent.com/-tF-P0NeHcQQ/TstryEV1_bI/AAAAAAAACyE/YggRVbZtiXM/s76/Panaitolikos.jpg" height="36" width="38"/></a>

<a class="opacity" style="display:scroll;position:fixed;top:317px;left:17px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΠΑΝΙΩΝΙΟΣ"  title="ΠΑΝΙΩΝΙΟΣ"><img src="https://lh4.googleusercontent.com/-TgwRLOdj52I/TstrxXDTSkI/AAAAAAAACxo/UCF2vyctxj8/s67/images%252520%2525285%252529.jpg" height="30" width="28"/></a>

<a class="opacity" style="display:scroll;position:fixed;top:350px;left:15px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΠΑΣ ΓΙΑΝΝΙΝΑ" title="ΠΑΣ ΓΙΑΝΝΙΝΑ"><img src="https://lh4.googleusercontent.com/-ddGmB8bmV1I/TstrwzE97bI/AAAAAAAACxc/NrKvD5x9-s4/s67/images%252520%2525284%252529.jpg" height="35" width="30"/></a>

<a class="opacity" style="display:scroll;position:fixed;top:385px;left:13px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΚΕΡΚΥΡΑ"  title="ΚΕΡΚΥΡΑ"><img src="https://lh5.googleusercontent.com/-fLIpFHfR_Nw/TstrwgXL_iI/AAAAAAAACxQ/53kuVU1IxIo/s57/images%252520%2525282%252529.jpg" height="37" width="37"/></a>

<a class="opacity" style="display:scroll;position:fixed;top:420px;left:13px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΕΡΓΟΤΕΛΗΣ""  title="εργοτελησ"><img src="https://lh6.googleusercontent.com/-IYv_-FS2O6Q/Tstrwvbw2II/AAAAAAAACxM/dztYBkGD6hk/s68/images%252520%2525281%252529.jpg" height="37" width="33"/></a>

<a class="opacity" style="display:scroll;position:fixed;top:455px;left:12px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΑΤΡΟΜΗΤΟΣ"  title="ΑΤΡΟΜΗΤΟΣ"><img src="https://lh5.googleusercontent.com/-3TkieWzrewU/TstrwXhwu6I/AAAAAAAACxE/xOBEs9kAqj8/s79/ATROMITOS_LOGO.jpg" height="35" width="35"/></a>

<a class="opacity" style="display:scroll;position:fixed;top:490px;left:12px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΑΣΤΕΡΑΣ ΤΡΙΠΟΛΗΣ"  title="ΑΣΤΕΡΑΣ ΤΡΙΠΟΛΗΣ"><img src="https://lh6.googleusercontent.com/-sYpoSngqF6k/TstrwPWGNmI/AAAAAAAACxI/ZAp3tE5uu44/s79/ASTERAS-TRIPOLIS-F.C.4.jpg" height="36" width="36"/></a>

<a class="opacity" style="display:scroll;position:fixed;top:525px;left:13px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΛΕΒΑΔΕΙΑΚΟΣ"  title="ΛΕΒΑΔΕΙΑΚΟΣ"><img src="https://lh4.googleusercontent.com/-QkraBAPmbrE/Tstrv6CR2II/AAAAAAAACw8/wVn5uPBrEoY/s88/50252_35985507576_3093500_n.jpg" height="35" width="35"/></a>

<a class="opacity" style="display:scroll;position:fixed;top:560px;left:13px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΔΟΞΑ ΔΡΑΜΑΣ"   title="ΔΟΞΑ ΔΡΑΜΑΣ"><img src="https://lh3.googleusercontent.com/-UY4xOsWbbsk/TstrvwIkbpI/AAAAAAAACxA/g3jpeYxdNuA/s57/50232_137862777218_6984_n.jpg" height="36" width="38"/></a>

Ο ΚΩΔΙΚΑΣ "OPACITY":  θα τον βρήτε αναλυτικά ΕΔΩ

***έχω αφήσει κενά ανάμεσα στις ομάδες για να τις ξεχωρίζετε....
***θα αλλάξετε ΟΠΩΣΔΗΠΟΤΕ τη φράση "ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ " της κάθε ομάδας και θα βάλετε τη διεύθυνση (url) που έχει η κάθε ομάδα στο blog σας....
***εάν δεν βάλετε τον κώδικα "opacity", απλά δεν θα έχει το εφέ της διαφάνειας όπως στο DEMO.....
***πως λειτουργεί; όταν κάνετε μια ανάρτηση για μια ομάδα π.χ. ΠΑΟΚ,  γράφετε στις ετικέτες τη λέξη ΠΑΟΚ, ώστε όταν κάποιος θέλει να δει οτιδήποτε έχετε ανεβάσει σχετικά με τον ΠΑΟΚ, να μπορεί εύκολα να το βρει...αυτή τη διεύθυνση, λοιπόν της ετικέτας θα βάλετε εκεί που σας γράφω  
"ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΠΑΟΚ"...(βέβαια το παράδειγμα με τον ΠΑΟΚ θα το κάνετε σε όλες της ομάδες του μενού)....είναι εύκολο και γρήγορο, γιατί σας έχω όλο το μενου έτοιμο, κι εσείς θα βάλετε μόνον τις διευθύνσεις της κάθε ετικέτας...
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!!
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}