.jpg)
http://nikos63.blogspot.com/2010/02/dropdown-menu.html
Τι είναι το 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. και πατήστε Αποθήκευση.
Αυτό είναι όλο βασικά.
Καλή επιτυχία!
Ένα 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. και πατήστε Αποθήκευση.
Αυτό είναι όλο βασικά.
Καλή επιτυχία!
Δεν υπάρχουν σχόλια:
Δημοσίευση σχολίου