+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [css] jak zrobić rozwijane menu (/thread-css-jak-zrobic-rozwijane-menu)
[css] jak zrobić rozwijane menu - superman - 20-02-2010
jak zrobić po kolei coś takiego aby po najeżdżaniu np tak jak w tym przypadku na Galeria zdjęć żeby się rozwijało menu Galeria 2009/2010 itd.
Poniżej zamieszczam screena
RE: jak zrobić coś takiego - virus4 - 20-02-2010
http://www.internetmaker.pl/artykul/3747,1,rozwijane_menu_w_css.html a jeśli chcesz to ja za kilka dni opublikuje artykuł na forum na ten temat.
RE: jak zrobić coś takiego - superman - 21-02-2010
(20-02-2010, 22:33)virus4 napisał(a): http://www.internetmaker.pl/artykul/3747,1,rozwijane_menu_w_css.html a jeśli chcesz to ja za kilka dni opublikuje artykuł na forum na ten temat.
Tylko niech mi kolega jeszcze powie dokładnie jak mam zrobić żeby osiągnąć takie samo menu jak w załączniku - bo to jest chyba tło obrazkowe i aby było takie coś jak jest w tym załączniku że jak najadę np na galeria zdjęć to żeby się rozwinęło to menu i żeby było po rozwinięciu przesunięte w prawo o połowę tak jak to wygląda na screenie
RE: [css] jak zrobić rozwijane menu - superman - 01-03-2010
Nikt już mi nie udzieli wskazówek?
RE: [css] jak zrobić rozwijane menu - ery - 01-03-2010
http://www.cssmenumaker.com/builder/menu_info.php?menu=003
musisz tylko lekko zmodyfikować pod własne potrzeby.
RE: [css] jak zrobić rozwijane menu - dziamber - 02-03-2010
Robisz diva takiego jak ma byc te menu wysuwane i dodajesz właściwośc display: none; i position: absolute;
Następnie w JavaScript coś w ten deseń:
Kod:
<script type="text/javascript">
function twojeMenu(div) {
if(document.getElementById(div).style.display = "none") {
document.getElementById(div).style.display = "block";
} else {
document.getElementById(div).style.display = "none";
}
}
</script>Kod:
<a href="#" onMouseOver="twojeMenu('twoj-div')">link</a>