8/30/2016

Szeroka lista

Czy jest tu ktoś, kto pamięta z onetu "szeroką listę"? Na blogspocie też jest taka funkcja, niektórzy pewnie już o tym wiedzą, ale inni mogą nie wiedzieć, więc dziś pokażę jak taką listę zrobić.
Taką instrukcję napisała kiedyś Elfaba,a ja nadal z niej korzystam.
  • Na początek wchodzimy w układ i dodajemy gadżet o nazwie HTML/Java Script.
  • W małym okienku, które nam wyskoczy możemy pominąć tytuł, ale jeśli ktoś chce to może go wpisać.
  • Teraz przechodzimy już do sedna sprawy, czyli do kodu:
<form><select style="width: 200px; background: #D8791A; color: #000; font-family: PT Sans Narrow; font-size: 15px;letter-spacing: 1px" onchange="window.open(this.options[this.selectedIndex].value,'_self')"
size=1 name=menu>
Już wszystko wyjaśniam. Zamiast 200, musimy wpisać dowolną liczbę. Od tego będzie zależała szerokość naszej listy. Ważne jednak, by po liczbie zawsze następowała wartość - px. Gdy nie będzie "px", lista może wam się nie udać. Cała pogrubiona część odpowiada za wygląd listy, możemy używać tu dowolnego css'a, ważne jednak, żeby ostatni kod zakończyć ;.
<option />Tytuł
<!-- change the links with your own -->
W Tytuł wpisujemy nazwę listy, która będzie wyświetlana, gdy lista będzie zwinięta. 
<option value="adres - http:// ...." />Nazwa1
<option value="adres - http:// ...." />Nazwa2
Tuż pod kodem na nawę listy u góry, wpisujemy ten. Chyba wiadomo, o co chodzi - w miejscu adres http:// .... wklejamy adres, a w tytule tekst, który chcemy, by był wyświetlany. Powyższy schemat powielamy tyle razy, ile linków chcemy mieć.
</select></form>
Zakończenie naszego kodu. Jest potrzebne, by szeroka lista działała poprawnie.

Brak komentarzy:

Prześlij komentarz