Misja Tereski
Mam taki jeden problem... a raczej chęć :D
Robię stronkę dla gimnazjum, i chcę, żeby gdy najadę na button Wykaz Lektur, pod nim wyskakiwały mi następne trzy buttony (Klasa I; Klasa II; Klasa III). To z pewnością uatrakcyjnia stronę, czyż nie? ;) No ale, najlepiej jeśli pokażę to na przykładzie. http://spellforce.co...dex.php?lang=en Pod tą panienką z zielonym stanikiem, jest pewne menu, a raczej przyciski, które po najechaniu wyrzucają w dół ileś tam innych przycisków. Nie interesuje mnie jednak "podświetlenie", bo to jeszcze wiem jak zrobić ;D No więc tak. Nie jestem leniem. Chyba się ze 2 dni głowiłem nad tym (nie śmiejcie się, ja z "webowania" jestem raczej początkujący). A na dowód tego zaraz wam dam tą stronę, z tym że ~1200 linijek kodu(oryginał) ścisnąłem do 290 linijek - Nie jestem do końca pewien które linijki kodu z tych dwustu dziewięćdziesięciu odpowiadają za "wyrzucanie" podprzycisku pod inny. Niektóre elementy, wydawałoby się niewinne wpływały jednak na ten przycisk. Download: Rapidshare, Hotfile, Megaupload, Przeklej i Inne <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>SpellForce 2 - Shadow Wars - JoWooD Productions</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <link rel="stylesheet" type="text/css" href="dlarucha_pliki/sf2.css"> <script language="JavaScript" src="dlarucha_pliki/sf2.js"></script> <script language="JavaScript"> MM_preloadImages('images/main_content_bkg.jpg'); </script> <script charset="utf-8" id="injection_graph_func" src="dlarucha_pliki/injection_graph_func.js"></script> <script id="_nameHighlight_injection"></script> <link class="skype_name_highlight_style" href="dlarucha_pliki/injection_nh_graph.css" type="text/css" rel="stylesheet" charset="utf-8" id="_injection_graph_nh_css"> </head> <body onload="MM_preloadImages('images/btn_game_over_en.jpg','images/btn_world_over_en.jpg','images/btn_gallery_over_en.jpg','images/btn_news_over_en.jpg','images/btn_multi_over_en.jpg','images/btn_community_over_en.jpg','images/btn_downloads_over_en.jpg','images/btn_links_over_en.jpg','images/btn_shop_over_en.jpg','images/btn_impressum_over_en.jpg','images/box_html_previousversions_sf1.jpg', 'images/box_html_previousversions_sfbreath.jpg','images/box_html_previousversions_sfphoenix.jpg','images/btn_races_realm_over_en.gif','images/jwtop/jwBar_news_over.gif', 'images/jwtop/jwBar_support_over.gif', 'images/jwtop/jwBar_impressum_de_over.gif','images/jwtop/jwBar_shop_over.gif','images/jwtop/jwBar_forum_over.gif','images/jwtop/jwBar_impressum_en_over.gif','images/btn_downloads_over_de.jpg', 'images/btn_races_realm_over_en.gif','images/btn_races_pakt_over_en.gif','images/btn_support_norm_en.jpg')"> <table background="dlarucha_pliki/jwBar_bkg.gif" border="0" cellpadding="0" cellspacing="0" height="25" width="100%"> <form name="form1" method="post" action=""></form> <tbody> <tr> <td align="center" nowrap="nowrap" valign="middle"><a href="http://www.jowood.com/gamers/?site=1&lang=en" target="_blank" onmouseover="MM_swapImage('Image2','','images/jwtop/jwBar_news_over.gif',1)" onmouseout="MM_swapImgRestore()"><br> </a></td> </tr> </tbody> </table> <center><img src="dlarucha_pliki/spacer.gif" border="0" height="3" width="300"></center> <script type="text/JavaScript"> <!-- function JW_Layer(layer) { MM_showHideLayers('thegame','','hide','theworld','','hide','gallery','','hide','news','','hide','area','','hide','comm','','hide','downl','','hide','shop','','hide','thegame0','','hide','theworld0','','hide','gallery0','','hide','news0','','hide','area0','','hide','comm0','','hide','downl0','','hide','shop0','','hide',layer,'','show',layer+'0','','show'); } //--> </script> <table align="center" border="0" cellpadding="0" cellspacing="0" width="980"> <tbody> <tr> <td align="left" background="dlarucha_pliki/menu_bkg.jpg" valign="top"> <table style="margin: 0pt;" cellpadding="0" cellspacing="0"> <tbody> <tr> <td><br> </td> <td><br> <div id="thegame0" style="position: absolute; z-index: 0; visibility: hidden;" onmouseout="JW_Layer('')"><img src="dlarucha_pliki/spacer.gif" height="147" width="140"></div> <div id="thegame" style="position: absolute; z-index: 1; visibility: hidden; width: 130px;"> <table align="center" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td><a href="http://spellforce.com/sf2/?lang=en&rid=1424"><img src="dlarucha_pliki/drop_glance_en.gif" name="btn_glance" id="btn_glance" onmouseover="MM_swapImage('btn_glance','','images/dropdown_images/hover/drop_glance_over_en.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="26" width="119"></a></td> </tr> <tr> <td><a href="http://spellforce.com/sf2/?lang=en&rid=1381"><img src="dlarucha_pliki/drop_story_en.gif" name="btn_story" id="btn_story" onmouseover="MM_swapImage('btn_story','','images/dropdown_images/hover/drop_story_over_en.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="26" width="119"></a></td> </tr> <tr> <td><a href="http://spellforce.com/sf2/?lang=en&rid=1383"><img src="dlarucha_pliki/drop_features_en.gif" name="btn_features" id="btn_features" onmouseover="MM_swapImage('btn_features','','images/dropdown_images/hover/drop_features_over_en.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="26" width="119"></a></td> </tr> <tr> <td><a href="http://spellforce.com/sf2/?lang=en&rid=1391"><img src="dlarucha_pliki/drop_races_en.gif" name="btn_races" id="btn_races" onmouseover="MM_swapImage('btn_races','','images/dropdown_images/hover/drop_races_over_en.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="26" width="119"></a></td> </tr> <tr> <td><a href="http://spellforce.com/sf2/?lang=en&rid=1490"><img src="dlarucha_pliki/drop_titans_en.gif" name="btn_titans" id="btn_titans" onmouseover="MM_swapImage('btn_titans','','images/dropdown_images/hover/drop_titans_over_en.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="26" width="119"></a></td> </tr> <!-- <tr> <td><img src="images/dropdown_images/drop_enemies_en.gif" name="Image6" width="119" height="26" id="Image6" onMouseOver="MM_swapImage('Image6','','images/dropdown_images/hover/drop_enemies_over_en.gif',1)" onMouseOut="MM_swapImgRestore()"></td> </tr> <tr> <td><img src="images/dropdown_images/drop_magic_en.gif" name="Image7" width="119" height="26" id="Image7" onMouseOver="MM_swapImage('Image7','','images/dropdown_images/hover/drop_magic_over_en.gif',1)" onMouseOut="MM_swapImgRestore()"></td> </tr> <tr> <td><img src="images/dropdown_images/drop_system_en.gif" name="Image8" width="119" height="26" id="Image8" onMouseOver="MM_swapImage('Image8','','images/dropdown_images/hover/drop_system_over_en.gif',1)" onMouseOut="MM_swapImgRestore()"></td> </tr> <tr> <td><a href="./?lang=en&rid=1387"><img src="images/dropdown_images/drop_faq_en.gif" name="btn_faq" width="119" height="26" border="0" id="btn_faq" onMouseOver="MM_swapImage('Image4','','images/dropdown_images/hover/drop_faq_over_en.gif',1)" onMouseOut="MM_swapImgRestore()"></a></td> </tr> --> </tbody> </table> </div> </td> <td><br> <div id="gallery0" style="position: absolute; z-index: 0; visibility: hidden; width: 140px; height: 139px;" onmouseout="JW_Layer('')"><img src="dlarucha_pliki/spacer.gif" height="140" width="140"></div> <div id="gallery" style="position: absolute; z-index: 1; visibility: hidden; width: 130px;"> <table align="center" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td><a href="http://spellforce.com/sf2/?lang=en&rid=1394&screen=screenshots"><img src="dlarucha_pliki/drop_screenshots_en.gif" name="Image14" id="Image14" onmouseover="MM_swapImage('Image14','','images/dropdown_images/hover/drop_screenshots_over_en.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="26" width="119"></a></td> </tr> <!-- <tr> <td><img src="images/dropdown_images/drop_panorama_en.gif" name="Image9" width="119" height="26" id="Image9" onMouseOver="MM_swapImage('Image9','','images/dropdown_images/hover/drop_panorama_over_en.gif',1)" onMouseOut="MM_swapImgRestore()"></td> </tr> --> <tr> <td><a href="http://spellforce.com/sf2/?lang=en&rid=1396&screen=wallpaper"><img src="dlarucha_pliki/drop_wallpapers_en.gif" name="Image10" id="Image10" onmouseover="MM_swapImage('Image10','','images/dropdown_images/hover/drop_wallpapers_over_en.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="26" width="119"></a></td> </tr> <tr> <td><a href="http://spellforce.com/sf2/?lang=en&rid=1397&screen=artworks"><img src="dlarucha_pliki/drop_artworks_en.gif" name="Image11" id="Image11" onmouseover="MM_swapImage('Image11','','images/dropdown_images/hover/drop_artworks_over_en.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="26" width="119"></a></td> </tr> <tr> <td><a href="http://spellforce.com/sf2/?lang=en&rid=1398&screen=fanartworks"><img src="dlarucha_pliki/drop_fanartworks_en.gif" name="Image12" id="Image12" onmouseover="MM_swapImage('Image12','','images/dropdown_images/hover/drop_fanartworks_over_en.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="26" width="119"></a></td> </tr> <tr> <td><a href="http://spellforce.com/sf2/?lang=en&rid=1399"><img src="dlarucha_pliki/drop_makingof_en.gif" name="Image13" id="Image13" onmouseover="MM_swapImage('Image13','','images/dropdown_images/hover/drop_makingof_over_en.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="26" width="119"></a></td> </tr> </tbody> </table> </div> </td> <td><br> <div id="news0" style="position: absolute; z-index: 0; visibility: hidden;" onmouseout="JW_Layer('')"><img src="dlarucha_pliki/spacer.gif" height="82" width="140"></div> <div id="news" style="position: absolute; z-index: 1; visibility: hidden; width: 130px;"> <table align="center" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td><a href="http://spellforce.com/sf2/?lang=en&rid=1401"><img src="dlarucha_pliki/drop_news_en.gif" name="Image15" id="Image15" onmouseover="MM_swapImage('Image15','','images/dropdown_images/hover/drop_news_over_en.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="26" width="119"></a></td> </tr> <tr> <td><a href="http://spellforce.com/sf2/?lang=en&rid=1423"><img src="dlarucha_pliki/drop_devdiary_en.gif" name="Image16" id="Image16" onmouseover="MM_swapImage('Image16','','images/dropdown_images/hover/drop_devdiary_over_en.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="26" width="119"></a></td> </tr> <tr> <td><a href="http://spellforce.com/sf2/?lang=en&rid=1402"><img src="dlarucha_pliki/drop_press_en.gif" name="Image17" id="Image17" onmouseover="MM_swapImage('Image17','','images/dropdown_images/hover/drop_press_over_en.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="26" width="119"></a></td> </tr> </tbody> </table> </div> </td> <td><a href="http://spellforce.com/sf2/?lang=en&rid=1421" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn_shop','','images/btn_shop_over_en.jpg',1);JW_Layer('shop')"><img src="dlarucha_pliki/btn_shop_norm_en.jpg" name="btn_shop" border="0" height="31" width="71"></a><br> <div id="shop0" style="position: absolute; z-index: 0; visibility: hidden;" onmouseout="JW_Layer('')"><img src="dlarucha_pliki/spacer.gif" height="65" width="106"></div> <div id="shop" style="position: absolute; z-index: 1; visibility: hidden;"> <table border="0" cellspacing="0" width="110"> <tbody> <tr> <td><a href="http://spellforce.com/sf2/?lang=en&rid=1421"><img src="dlarucha_pliki/drop_pcgames_en.gif" name="btn_pcshop" id="btn_pcshop" onmouseover="MM_swapImage('btn_pcshop','','images/dropdown_images/hover/drop_pcgames_over_en.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="26" width="99"></a></td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <map name="Map"> <area shape="poly" coords="26,67,64,65" href="#" onmouseover="MM_swapImage('previousthumb','','images/box_html_previousversions_sf1.jpg',1)" onmouseout="MM_swapImgRestore()"> <area shape="poly" coords="57,3,20,8,24,65,62,65" href="http://spellforce.jowood.de/?rid=848"> <area shape="poly" coords="109,65" href="#"> <area shape="poly" coords="104,5,67,8,74,65,112,65" href="http://spellforce.jowood.de/?rid=1221" onmouseover="MM_swapImage('previousthumb','','images/box_html_previousversions_sfbreath.jpg',1)" onmouseout="MM_swapImgRestore()"> <area shape="poly" coords="114,5" href="#"> <area shape="poly" coords="122,62,159,65,154,3,114,7" href="http://spellforce.jowood.de/?rid=1338" onmouseover="MM_swapImage('previousthumb','','images/box_html_previousversions_sfphoenix.jpg',1)" onmouseout="MM_swapImgRestore()"> </map> <br> <center> <a href="http://www.deepsilver.com/"><br> </a> </center> <br> </body> </html> Download bez limitów I jedna uwaga - chodzi mi tylko o to, żeby ktoś mi przesłał stronę na której będzie na białym tle, bez niczego, czyściutko znajdował się tylko sam ten przycisk. Ja już powinienem się sam domyślić o co w tym loto :D Ewentualnie, jeśli znajdzie się ktoś uprzejmy to mógłby mi w środku kodu wpisać frazy typu: "tu adres obrazka blablablabla" Dziękuję z góry :D GG: 981561 EDIT: W moim przykładzie kodu chodzi mi konkretnie o przycisk SHOP, z którego wylatuje przycisk PC Games. Ja sobie to jakoś podmienię :D Użytkownik Glorian edytował ten post 29 wrzesień 2008 - 20:57 Problem rozwiązany. Można zamknąć. // Jednak cierpliwość czyni mistrza :D |