ΜΕΝΟΥ NAVIGETION

 2 Navigation codes
http://dr-blogger2.blogspot.gr/2011/12/2-navigation-codes.html

Nέοι bloggers γεια σας...σας παρουσιάζω 2 απλά navigation codes με HTML...
θα τα βάλετε σαν gadget (αν δεν ξέρετε πως βάζουμε ένα gadget δείτε ΕΔΩ)...


Ο ΚΩΔΙΚΑΣ HTML για το Νο1:

<tbody><tr>
      <td valign="MIDDLE" align="CENTER"> <font face="ARIAL" color="#EE0000">
 <img alt="pick a category and click the CLICK button" border="0" height="24" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjznK1vje69bAwHQRqzAn8bYodlW4w-eXUWMeywAerZhoSqm9bkkb7CbF0BtsnX0P-NLNoF5VzEUdrx9HwhA8LAJrB03k2QnILkIV6Gm0mGpVClRZeWUUbc8DEVkUhirW4TYy-vLv5TtWU/s174/navigation-img.gif " width="154"></font>
       </td>
 <td valign="MIDDLE" align="CENTER">
 <font color="#CCCCCC">
<form name="navform" method="POST">
  <select name="inchoice" size="1">

<option value="/index.html" selected="">ΔΙΑΛΕΞΤΕ ΚΑΙ ΠΑΤΗΣΤΕ ΤΟ ΚΟΥΜΠΙ
</option><option value="ΔΙΕΥΘΥΝΣΗ ΑΡΧΙΚΗΣ ΣΕΛΙΔΑΣ">ΑΡΧΙΚΗ ΣΕΛΙΔΑ
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 1">ΤΙΤΛΟΣ ΛΙΝΚ 1
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 2">ΤΙΤΛΟΣ ΛΙΝΚ 2
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 3">ΤΙΤΛΟΣ ΛΙΝΚ 3
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 4">ΤΙΤΛΟΣ ΛΙΝΚ 4
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 5">ΤΙΤΛΟΣ ΛΙΝΚ 5
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 6">ΤΙΤΛΟΣ ΛΙΝΚ 6
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 7">ΤΙΤΛΟΣ ΛΙΝΚ 7
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 8">ΤΙΤΛΟΣ ΛΙΝΚ 8
</option></select>
<input type="button" onclick="location = '' + document.navform.inchoice.options[ document.navform.inchoice.selectedIndex ].value;" value="CLICK HERE">
</form>
</font>
</td>
</tr>
</tbody>
-------------------------------------------------------------------------------------------------------------
Ο ΚΩΔΙΚΑΣ HTML για το Νο2: (ανοίγει τα link σε νέο παράθυρο)

<center>
<form>
<select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 240px;" name="menu" size="1">

<option>ΤΙΤΛΟΣ ΤΟΥ NAVIGATION<!-- change the links with your own -->
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 1">ΤΙΤΛΟΣ ΛΙΝΚ 1
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 2">ΤΙΤΛΟΣ ΛΙΝΚ 2
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 3">ΤΙΤΛΟΣ ΛΙΝΚ 3
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 4">ΤΙΤΛΟΣ ΛΙΝΚ 4
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 5">ΤΙΤΛΟΣ ΛΙΝΚ 5
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 6">ΤΙΤΛΟΣ ΛΙΝΚ 6
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 7">ΤΙΤΛΟΣ ΛΙΝΚ 7
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 8">ΤΙΤΛΟΣ ΛΙΝΚ 8
</option></select></form>
</center>

***για να επαναλάβετε και να αυξήσετε τα link, επαναλάβετε (και στους 2 κώδικες) τη φράση
<option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ ">ΛΙΝΚ </option>
***όπου  ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ βάλτε το LINK της σελίδας  και όπου  ΤΙΤΛΟΣ ΛΙΝΚ   τον τίτλο της σελίδας