A lenyitható menü nagyon egyszerű kis kód. Két részből áll. Az első része az a rész, ami az egész "alakját" megadja, röviden a kis lenyitható menü. Ezt az index fájlodba kell raknod.

<p style="text-align: center;"><select class="top" name="D1" onchange="window.open(this.options[this.selectedIndex].value)" style="padding: 3px; width: 250px; font-size: 10px; font-family: georgia;">
<option>Top Sites</option>
<option>--------------</option>
<option target="_blank" value="link">Név, stb</option>
</select></p>

Az <option target="_blank" value="link">Név, stb</option> sort kimásolva és új sorba rakva, mindenképpen a </select> fölé rakva, linket, nevet átirva lehet több opciót hozzáadni.

Ha szeretnéd formázni a kódodat, akkor itt van hozzá a szinezgetős kód:

select {
width: 250px; /* szélesség */
background: #e3c371; /* háttér */
border: 1px solid #d4b25b; /* keret */
color: #674312; /* betűk szine */
text-shadow: 1px 1px 0px #; /* betűk árnyéka */
padding: 7px; /* behúzás a szélektől */
font-size: 11px; /* betűméret */
font-family: Arial; /* betűtipus */
font-height: 12px;}

Ezt a kódod pedig a style.css fájlodba kell beraknod és kedvedre alakitanod :) Remélem hasznos volt a tutorial :)

<<< vissza a Tutorials menühöz