Zobacz Temat
Strona Główna Forum | FAQ | EF 4.0
#114571 17.07.2010 09:24:13 - Drop Down Menu
Jak juz zrobilem wtope, to czas sie zrehabilitowac, wiec pokombinowalem troche...
Oto Wynik: http://www.darell...
Menu oparlem o skrypt: http://www.darell...opDown.rar
Prosilbym o sugestie :)
Instalacja nie jest trudna, a wiec:
1.
Pliki: dropmenu.js, jquery.js, style.css, oraz katalog "images" kopiujemy do glownego katalogu stronki;
2. Edytujemy subheader.php i w sekcji <head> wklejamy ponizszy kod:
3. Nastepnie edytujemy theme.php ze skorki ktorej aktualnie uzywamy i wklejamy kod w odpowiednie miejsce, w moim przypadku wyglada to tak:
Ps: Obecna stronka testowa jest codopiero postawiona wiec jak widac nic tam jeszcze nie ma :)
Ps 2: # - nie wszedzie dalem linki, ale chyba wiadomo oco chodzi :)
Pozdrowki :)
Oto Wynik: http://www.darell...
Menu oparlem o skrypt: http://www.darell...opDown.rar
Prosilbym o sugestie :)
Instalacja nie jest trudna, a wiec:
1.
Pliki: dropmenu.js, jquery.js, style.css, oraz katalog "images" kopiujemy do glownego katalogu stronki;
2. Edytujemy subheader.php i w sekcji <head> wklejamy ponizszy kod:
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript' src='dropmenu.js'></script>
<script>
$(document).ready(function(){
$('#nav-one').dropmenu();
});
</script>
<link rel='stylesheet' id='smthemenewprint-css' href='style.css' type='text/css' /> 3. Nastepnie edytujemy theme.php ze skorki ktorej aktualnie uzywamy i wklejamy kod w odpowiednie miejsce, w moim przypadku wyglada to tak:
echo "<table border='0' cellpadding='0' cellspacing='0' width='100%' ><tr><td width='39'><table height='39' cellSpacing='0' cellPadding='0' width='100%' border='0'><tr>"; echo "<td><ul id='nav-one' class='dropmenu'> <li> <a href='news.php'>Home</a> </li> <li> <a href='articles.php'>Artyluly</a> <ul> <li><a href='#'>Atrylul 1</a></li> <li><a href='#'>Atrylul 2</a></li> <li><a href='#'>Atrylul 3</a></li> <li><a href='#'>Cos tam wiecej</a></li> </ul> </li> <li> <a href='downloads.php'>Downloads</a> </li> <li> <a href='#'>Rozne</a> <div class='rozne'> <ul> <li><img src='images/news_cats/themes.gif' width='40' height='40' alt='Thumb' border='0' /><h2>Themes</h2><p><a href='#'>Wjecej info o czyms tam...</a></p></li> <li><img src='images/news_cats/games.gif' width='40' height='40' alt='Thumb' border='0' /><h2>Gry</h2><p><a href='#'>Wjecej info o czyms tam...</a></p></li> <li><img src='images/news_cats/network.gif' width='40' height='40' alt='Thumb' border='0' /><h2>Siec</h2><p><a href='#'>Wjecej info o czyms tam...</a></p></li> <li><img src='images/news_cats/news.gif' width='40' height='40' alt='Thumb' border='0' /><h2>News</h2><p><a href='#'>Wjecej info o czyms tam...</a></p></li> </ul> <div class='small'>Jakis tam text Jakis tam text Jakis tam text Jakis tam text Jakis tam textJakis tam text</div> </div> </li> <li> <a href='#'>Rozrywka</a> <div class='rozrywka'> <ul class='left'> <li><a href='#'>Filmy</a></li> <li><a href='#'>Muzyka</a></li> <li><a href='#'>Grafika</a></li> </ul> <ul class='right'> <li><a href='#'>Sport</a></li> <li><a href='#'>Horoskop</a></li> <li><a href='#'>Cos tam jeszcze</a></li> </ul> </div> </li> <li> <a href='#'>Links</a> <ul> <li><a href='http://www.google.pl'>Google</a></li> <li><a href='http://www.dynamicdrive.com/'>Dynamicdrive</a></li> <li><a href='http://youtube.pl'>YOUTUBE</a></li> </ul> </li> <li> <a href='#'>Login</a> <div class='login'> <label for='txtuser'>Nazwa: </label> <input type='text' name='txtuser' id='txtuser' /> <label for='txtuser'>Haslo </label> <input type='password' name='txtpass' id='txtpass' /> <button>Login</button> </div> </li> </ul> "; echo "</td></tr></table></td>";
Ps: Obecna stronka testowa jest codopiero postawiona wiec jak widac nic tam jeszcze nie ma :)
Ps 2: # - nie wszedzie dalem linki, ale chyba wiadomo oco chodzi :)
Pozdrowki :)
