To jest przykład menu horyzontalnego. Po najechaniu kursorem na poszczególne jego elementy w belce głównej, zauważ że rozwija się ona do dołu, ukazując dalsze jego elementy.
Klikając w nie, zostaniesz odesłany do poszczególnych elementów mojej strony. Oczywiście możesz sam zrobić takie menu. A o to jak to zrobić:
- Z podanej strony skopiuj i rozpakuj pliki do swojego katalogu głównego (tam gdzie trzymasz pliki tworzące Twoją stronę)
| http://www.dynamicdrive.com/dynamicindex1/topmen3/index.htm |
- Skopiuj ten oto skrypt pomiędzy znaczniki <head>...</head>
<script type="text/javascript" language="javascript" src="sniffer.js">
</script>
<script type="text/javascript" language="javascript1.2" src="custom.js"></script>
<script type="text/javascript" language="javascript1.2" src="style.js"></script> |
- Skopiuj ten oto skrypt tuż nad znacznikiem </body>
| <script type="text/javascript" language="javascript1.2" src="menu.js"></script> |
- Już prawie gotowe. Masz ogólny zarys swojego menu horyzontalnego. Na tym jeszcze nie koniec - to dopiero początek zabawy.
Teraz należy dopasować je do swoich potrzeb tzn. zmienić: zawartość poszczególnych tabel, rozmiar, kolory czcionki, obramowania, tła itp.
Poniżej przedstawię najważniejsze elementy, które możesz zmienić. Nad resztą będziesz musiał pomyśleć sam.
- Wszystkie zmiany należy dokonywać w pliku custom.js Możesz go otworzyć za pomoca jakiegokolwiek edytora HTML (ja używam WebSite PRO)
- Ogólne położenie menu
- (linijka 15 - alignment) połozenie wzgledem strony. Można zmienić na left, right lub center (u mnie to jest left)
- (linijka 16 - absolute left or right) marginesy w pikselach od lewej lub prawej krawędzi
- (linijka 17 - absolute top) marginesy w pikselach od górnej krawędzi
- Kolory głównych komórek
- (linijka 27 - mCOLOR) kolory głównych komórek - możesz znaleźć kody kolorów na internecie - każdy kolor ma swój indywidualny kod
- (linijka 28 - rCOLOR) kolor komórki po najechaniu na nią kursorem
- (linijka 31 - aLINK) kolor czcionki głównych komórek
- (linijka 34 - fFONT) rodzaj czcionki głównych komórek
- (linijka 35 - fSIZE) rozmiar czcionki głównych komórek
- (linijka 45 - smCOLOR) kolor tła podmenu
- ...i wiele wiele innych, które są bardzo łatwe do odszyfrowania jeżeli choć zna się trochę podstawy j. angielskiego
Darmowy hosting zapewnia PRV.PL