21 Φεβρουαρίου 2010



7 Πώς κάνουμε ένα Dropdown Menu

Τι είναι το dropdown menu; Ένα Dropdown menu μοιάζει σαν το παρακάτω παράδειγμα, και το χρησιμοποιούμε απλά, για εξοικονόμηση χώρου.
Ορίστε πως θα φτιάξετε το δικό σας dropdown menu : Κάντε Copy τον παρακάτω κώδικα, και τοποθετήστε τον σαν Widget HTML/JavaScript στην πλαϊνή σας μπάρα.
<select onChange="document.location.href=this.options[this.selectedIndex].value;"> <option value="0" selected>Blog Archive</option> <option value="Link 1">Text 1</option> <option value="Link 2">Text 2</option> </select>
Tα κόκκινα γράμματα είναι τα links, αλάξτε τα με δικά σας links. Tα πράσινα γράμματα, είναι Anchor text (άγκυρες). Αλάξτε τα με δικά σας επίσης. Στο παράδειγμα που έφτιαξα στην αρχή, ορίστε ο κώδικας που χρησιμοποίησα για να το κάνω. Δείτε και κάντε τις ανάλογες αλαγές για το δικό σας blog:
<select onChange="document.location.href=this.options[this.selectedIndex].value;"> <option value="0" selected>Διάφορα Link</option> <option value="http://www.greekmaestro.com/html/interesting.html">Tips & Tricks</option> <option value="http://www.greekmaestro.com/html/interesting2.html">Επιλογές</option> <option value="http://www.greekmaestro.com/html/aboutm.html">Για μένα</option> </select>
Για να προσθέσετε όσα επιπλέον Links θέλετε, απλά αντιγράψτε, και επικολήστε κάτω απο την κάθε σειρά, την παρακάτω γραμή κώδικα, και κατόπιν επεξεργασθείτε την όπως σας έδειξα, αλάζοντας το Link 3 με ένα δικό σας, και το Text 3 επίσης με κάποιο δικό σας.
<option value="Link 3">Text 3</option>
Εύκολο είναι, πειραματιστείτε. 1. Πρώτα βρείτε και αποθηκεύστε στο NotePad τα Link που θέλετε να βάλετε στο Μενού. 2. Κατόπιν, ξεκινήστε την διαδικασία επεξεργασίας του κώδικα. 3. Πηγαίνετε μετά στην διάταξη, 4. πατήστε Προσθήκη Gadget, 5. και επιλέξτε HTML/JavaScript. 6. Εκεί, κάντε επικόληση τον έτοιμο πλέον κώδικα, 7. και πατήστε Αποθήκευση. Αυτό είναι όλο βασικά. Καλή επιτυχία!
"Γειά σου, Εάν βρέθηκες για πρώτη φορά στο Blog μου, και εάν σε ενδιαφέρουν οι αναρτήσεις μου, μπορείς να εγγραφείς στο RSS feed του Blog. Μπορείς επίσης να κάνοντας εγγραφή στο Newsletter του blog μου, να λαβαίνεις απ ευθείας κάθε μου ανάρτηση στο email σου. Είσαι Twitter user; τότε μπορείς επίσης να με κάνεις Follow στο Twitter. Σε ευχαριστώ που με διαβάζεις,"




Print this post



Related Posts :



7 σχόλια:

Johnpatra είπε... Best Blogger Tips

επειδη υπαρχουν πολλα παρομοια και ιδια, αυτο ειναι το λεγομενο pull-down menu..μαλλον ναι...πολυ χρησιμος κωδικας και widget για ολα τα blogs..παντως υπαρχει κανενας τροπος να το επεξεργαστουμε λιγο περισσοτερο??εννοω π.χ. να βαλουμε ενα tag παραπανω στον κωδικα που θα κανει το background του κωδικα μαυρο για παραδειγμα..ή όποιο άλλο χρόνο θέλουμε...ειχα κανει παλια μια αναρτηση για αυτο ( http://johnpatrablog.blogspot.com/2009/11/pull-down-menu-with-links-widget.html ) και για παραδειγμα μπορεις σε αυτο το widget να βαλεις ενα ακομη tag το size.κι ετσι μεγαλωνει το ύψος του widget..αυτο θελω να ρωησω:αν υπαρχουν αλλα τετοια tags με τα οποια μπορουμε να επεξεργαστουμε και να διαμορφωσουμε πιο πολυ αυτο το pull down ¨η dropdown μενου..


AATON είπε... Best Blogger Tips

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


Johnpatra είπε... Best Blogger Tips

οκ οχι ασε δεν με νοιαζει αυτην την στιγμη...αλλα οταν ασχολουμουν με αυτο το θεμα μου ειχε μεινει απορια...οκ αυτα..καλη συνεχεια


Tv-Greek είπε... Best Blogger Tips

Εγώ το είχα μέχρι πρόσφατα αλλά το αφαίρεσα γιατί δεν υποστήριζε Ελληνικά.

Νίκο, υπάρχει κάποιος τρόπος ή κάποιο άλλο παρόμοιο που να δέχεται Ελληνικά;


AATON είπε... Best Blogger Tips

Μιχάλη δεν έχω βρεί ακόμη, το ψάχνω πάντως και μόλις βρω κάτι θα το γράψω. Αν παρεπιπτόντως κάποιος γνωρίζει ας μας πεί.


fashion handbags είπε... Best Blogger Tips

Sorry for the huge review, but I'm really loving the articles, and hope this, as well as the excellent reviews some other people have written, will help you decide if it's the right choice for you.
Tibetan Jewelry
Handmade Jewelry


fashion handbags είπε... Best Blogger Tips

Just want to say what a great blog you got here!
designer handbags
replica handbags
louis vuitton handbags
replica Louis vuitton handbags
replica designer handbags


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

Πες πως δεν έχεις χρόνο να σχολιάσεις.. να 'χεις πάρει όμως σοβαρό ύφος, καλά;

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.

Next Next Next