Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




0 2 Navigation codes

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://lh5.googleusercontent.com/-QW8cCiem6BE/TvuJsPc16NI/AAAAAAAADAk/zCpS11H_VGA/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 της σελίδας  και όπου  ΤΙΤΛΟΣ ΛΙΝΚ   τον τίτλο της σελίδας
DEMO (2)   δείτε τη σελίδα του Βαγγέλη πόσο ωραία το χρησιμοποιεί (εκεί που λέει "πιάτσες")...
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF