Jak zrobić rozwijalną listę?

Sprawa jest prosta, choć trzeba do tego trochę cierpliwości.

1. Wejdź na http://www.dolliecrave.com/myspace-drop-down-menu.shtml
2. Wybierz sobie jakąś rozwijalną listę, w odpowiadającym Ci kolorze.
3. Następnie skopiuj cały kod.
4. Teraz wklej go do notki bądź do html- I NIE ZAPISUJ JESZCZE.
 Teraz musimy wsadzić swój tekst do tej listy, niestety da się to zrobić tylko przez edytowanie kodu html tej listy.

Teraz się skup! I upewnij się że nie usunęłaś zbyt wiele!
Przykładowy kod wygląda tak:

<select style="width: 200px; height: 20px;
color: #000000; font-size: 11px; font-family: Arial;
background-color: #ffffff;">
<option>Tutaj wpisz swój tekst</option>
<option>Tutaj wpisz swój tekst</option>
<option>Tutaj wpisz swój tekst</option>
<option>Tutaj wpisz swój tekst</option>
<option>Tutaj wpisz swój tekst</option>
</select>

Zaznaczyłam fragment gdzie pisze width: 200px- to szerokość listy.
Jeśli wstawiasz taką listę do notki, to polecam rozmiar pomiędzy 200 a 600px.
Trzeba tylko w kodzie zmienić liczbę. ( Nie jest to konieczne jeśli standardowy rozmiar listy Ci odpowiada ).

Jeśli zostawiasz listę w takim rozmiarze w jakim jest- upewnij się że w jedną linijkę
>nie wpisujesz więcej niż tyle tekstu<
inaczej lista po rozwinięciu się popsuje- i będzie nieładnie zniekształcona.

Każdą linijkę w kodzie gdzie pisze ENTER YOUR TEKST HERE (Jeśli bierzesz kod z dolliecrave)
zastąp własnym tekstem. Pamiętaj by tekst wpisać pomiędzy: <option> a </option>

Jeśli zabraknie Ci linijek, wystarczy że skopiujesz ten fragment:
<option>Tutaj wpisz swój tekst</option>
I wkleisz go zaraz nad </select> w swoim kodzie. A następnie wpiszesz własny tekst tak jak wcześniej.

Wiem, wydaje się skomplikowane. Ale tak na prawdę to proste.

5. Teraz gdy już mamy gotowy kod z własnym tekstem itd, zapisujemy notkę.

Brak komentarzy:

Prześlij komentarz