VERTICAL ANIMATED MENU

VERTICAL ANIMATED MENU

Με τον παρακάτω κώδικα μπορείτε να βάλετε ένα animated κάθετο μενού στο blog σας. Μπορεί να μπεί μέσα σε ένα HTML / JAVASCRIPT gadget κουτάκι που υπάρχει στην διάταξη του blog σας σε κάποια πλευρική μπάρα. Μπορείτε να αλλάξετε τα links μου με τα δικά σας links. Τα χρώματα αλλάξουν αν αλλάξετε τον κωδικό χρώματος όπου μπροστά του έχει το σύμβολο #. Δείτε το σε λειτουργία ακριβώς κάτω από εδώ. ▼

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

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

Αυτό το αυτόματο μενού είναι το καλύτερο από όλα τα αυτόματα μενού γιατί μπορεί να μπεί σε διαφορετικές θέσεις κάθετα, οριζόντια και στατικά και διαθέτει έγχρωμα κουμπιά που προσαρμόζονται καθέ ένα ξεχωριστά σε όποιο χρώμα θέλετε. Μέσα στο style μπορείτε να αλλάξετε τη θέση που θα εμφανίζεται το υπομενού αλλάζοντας το position:absolute; left:241px; top:-5px; 

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

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

Το παρακάτω κάθετο μενού αποτελείται από εγχρωμα buttons τα οποία ανοίγουν άλλα σε νέα καρτέλα και άλλα σε popup window. Εφόσον τα buttons είναι αρκετά και ξεπερνούν τα 250px σε ύψος εμφανίζεται δεξιά τους και μία scroll bar. Μπορείτε να ρυθμίσετε το πλάτος και το ύψος του κάθετου μενού αλλάζοντας το width: 255px; και το height: 250px; Μπορείτε να αλλάξετε και το πλάτος για το κάθε ένα κουμπί ξεχωριστά αλλάζοντας το width:238px; Αν δεν θέλετε να ανοίγουν σε νέα καρτέλα αφαιρέστε το target="_blank". Αν δεν θέλετε να ανοίγουν σε popup window αφαιρέστε το όλο το κώδικα με τα πράσινα γράμματα.

3D ΚΑΘΕΤΟ ΜΕΝΟΥ

3D ΚΑΘΕΤΟ ΜΕΝΟΥ

Με τον παρακάτω κώδικα μπορείτε να βάλετε ένα 3D κάθετο μενού στο blog σας. Οι διαστάσεις αλλάζουν στα σημεία που γράφει width:240px; και height:40px; Τα χρώματα αλλάζουν, αλλάζοντας τους 6ψήφιους κωδικούς που βρίσκονται μετά το σύμβολο της δίεσης #. Αλλάξτε τα δικά μου πράσινα links με τα δικά σας.Το πρώτο μέρος του κώδικα από το <style> μέχρι το </style> καλό θα ήταν να μπεί μέσα στο πρότυπο πρίν την ετικέτα ]]></b:skin> χωρίς τα 2 <style>. Αλλα μπορείτε να το βάλετε και έτσι απλά σαν gadget. Δείτε πως θα εμφανίζεται το 3D κάθετο μενού εδώ ακριβώς από κάτω. ▼

ΑΥΤΟΜΑΤΟ ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ Νο 1

ΑΥΤΟΜΑΤΟ ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ Νο 1
Το παρακάτω αυτόματο, κάθετο μενού ενημερώνεται αυτόματα κάθε φορά που κάνετε μια νέα ανάρτηση και βάζετε σε αυτήν μία γενική ετικέτα κατηγορίας. Έχει ένα script που διαβάζει όλες τις αναρτήσεις με συγκεκριμένη γενική ετικέτα κατηγορίας που εσείς θα επιλέξετε. Αλλάξτε το πλάτος του μενού αλλάζοντας τo width:240px; Αλλάξτε τη θέση που θα εμφανίζεται το υπομενου αλλάζοντας το position: absolute; left: 240px;top:-5px;

ΑΥΤΟΜΑΤΟ ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ Νο 2

ΑΥΤΟΜΑΤΟ ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ Νο 2
Το παρακάτω αυτόματο, έγχρωμο κάθετο μενού ενημερώνεται αυτόματα κάθε φορά που κάνετε μια νέα ανάρτηση και βάζετε σε αυτήν μία γενική ετικέτα κατηγορίας. Έχει ένα script που διαβάζει όλες τις αναρτήσεις με συγκεκριμένη γενική ετικέτα κατηγορίας που εσείς θα επιλέξετε. Κάθε κατηγορία μπορεί να έχει το δικό της στυλ, αλλά αν δεν θέλετε πολυχρωμία μπορείτε να κρατήσετε 1 στυλ για όλες τις κατηγορίες.

ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ 2 ΥΠΟΜΕΝΟΥ ΑΠΛΟ ΣΑΝ GADGET No 1

ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ 2 ΥΠΟΜΕΝΟΥ ΑΠΛΟ ΣΑΝ GADGET No 1
Αυτό είναι ένα απλό κάθετο μενού με 2 υπομενού το οποίο τοποθετήται σαν gadget σε όποια πλευρική μπάρα θέλετε. Είναι αυτό που βλέπετε σε λειτουργία σε αυτήν την ανάρτηση. Για να το βάλετε πηγαίνετε στη διάταξη / προσθήκη gadget  / HTML/Javascript  και κάντε επικόλληση τον παρακάτω κώδικα. Μην ξεχάσετε να αλλάξετε τα links μου με τα δικά σας links. Έχω χρωματίσει ότι μπορεί να αλλαχτεί, ύψος & πλάτος μενού, μέγεθος γραμματοσειράς, χρώματα backround και κειμένου, κατηγοριές και τίτλοι των μενού.

ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ 2 ΥΠΟΜΕΝΟΥ ΑΠΛΟ ΣΑΝ GADGET Νο 2

ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ 2 ΥΠΟΜΕΝΟΥ ΑΠΛΟ ΣΑΝ GADGET Νο 2
Αυτό είναι ένα απλό κάθετο μενού με 2 υπομενού το οποίο τοποθετήται σαν gadget σε όποια πλευρική μπάρα θέλετε. Είναι αυτό που βλέπετε σε λειτουργία σε αυτήν την ανάρτηση. Για το βάλετε πηγαίνετε στη διάταξη / προσθήκη gadget  / HTML/Javascript  και κάντε επικόλληση τον παρακάτω κώδικα. Μην ξεχάσετε να αλλάξετε τα links μου με τα δικά σας links. Έχω χρωματίσει ότι μπορεί να αλλαχτεί, ύψος & πλάτος μενού, μέγεθος γραμματοσειράς, χρώματα backround και κειμένου, κατηγοριές και τίτλοι των μενού.

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

ΚΑΘΕΤΟ ΚΑΙ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΕΓΧΡΩΜΑ BUTTONS
Με τον παρακάτω κώδικα μπορείτε να προσθέσετε ένα κάθετο ή ένα οριζόντιο μενού αποτελούμενο από ένχρωμα buttons που ανοίγουν τα links τους είτε σε νέα καρτέλα είτε στην ίδια. Σε κάθετη διάταξη είναι αυτό που βλέπετε στην εικόνα σε αυτήν την ανάρτηση. Σε οριζόντια διάταξη είναι ο ίδιος κώδικας με την διαφορά ότι δεν θα τον τοποθετήσετε σε πλαϊνή μπάρα αλλά σε οριζόντια όπως κάτω από τον τίτλο του blog ή στο πάνω μέρος του υποσέλιδου.

ΠΩΣ ΒΑΖΩ ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ SCROLL BAR

ΠΩΣ ΒΑΖΩ ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ SCROLL BAR
Πηγαίνουμε στην διάταξη του blog μας και πατάμε προσθήκη gadget στην αριστερή πλαϊνή πλευρική μπάρα. Μετά επίλέγουμε το gadget HTML/JAVASCRIPT και επικολλάμε τον παρακάτω κώδικα. Μπορείτε να ρυθμίζετε το πλάτος του widget αλλάξοντας τα γαλάζια νούμερα. Εννοείται ότι τα links με τα πράσινα γράμματα και τις περιγραφές τους με τα κίτρινα γράμματα τα αλλάζετε με τα δικά σας.