Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<div id="menu1"> <ul> <li> <a href="#">6.třida</a> <ul> <div> <li> <a href="#">Pododkaz 1</a> </li> <li> <a href="#">Pododkaz 2</a> </li> <li> <a href="#">Pododkaz 3</a> </li> </div> </ul> </li> <li> <a href="#">6.třida</a> <ul> <div> <li> <a href="#">Pododkaz 1</a> </li> <li> <a href="#">Pododkaz 2</a> </li> <li> <a href="#">Pododkaz 3</a> </li> </div> </ul> </li> <li> <a href="#">6.třida</a> <ul> <div> <li> <a href="#">Pododkaz 1</a> </li> <li> <a href="#">Pododkaz 2</a> </li> <li> <a href="#">Pododkaz 3</a> </li> </div> </ul> </li> <li> <a href="#">6.třida</a> <ul> <div> <li> <a href="#">Pododkaz 1</a> </li> <li> <a href="#">Pododkaz 2</a> </li> <li> <a href="#">Pododkaz 3</a> </li> </div> </ul> </li> <li> <a href="#">6.třida</a> <ul> <div> <li> <a href="#">Pododkaz 1</a> </li> <li> <a href="#">Pododkaz 2</a> </li> <li> <a href="#">Pododkaz 3</a> </li> </ul> <li> <a href="#">Novinky</a> </li> <div class="vyhledat"> <!-- Use of this code assumes agreement with the Google Custom Search Terms of Service. --> <!-- The terms of service are available at /coop/docs/cse/tos.html --> <form name="cse" id="searchbox_demo" action="http://www.google.cz/cse"> <input type="hidden" name="cref" value="" /> <input value="Vyhledávač..." name="q" type="text" size="15" /> <input class="hledat"type="submit" name="sa" value="Hledat" /> </form> <script type="text/javascript" src="http://www.google.cz/cse/tools/onthefly?form=searchbox_demo"></script> </div> </div> </ul> </li> <table id="novinky"> <!-- <tr><td></td></tr> <tr><td></td></tr> <tr><td></td> </tr> --> </table> sdadasdasdasdasdsdasdasdsadsadasdsadasdsad sdadasdasdasdasdsdasdasdsadsadasdsadasdsad sdadasdasdasdasdsdasdasdsadsadasdsadasdsad sdadasdasdasdasdsdasdasdsadsadasdsadasdsad sdadasdasdasdasdsdasdasdsadsadasdsadasdsad sdadasdasdasdasdsdasdasdsadsadasdsadasdsad <h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1><h1> Lukas je debyl a martin taky </h1> </div> </body> <!-- <div id="blok-bbsluzba-998300"></div> <a id="odkaz-bbsluzba-998300" href="http://miniaplikace.blueboard.cz">Miniaplikace</a> <script type="text/javascript" src="http://miniaplikace.blueboard.cz/widget-anketa-998300"></script> <a href="http://pocitadlo.abz.cz/" title="počítadlo přístupů: pocitadlo.abz.cz"><img src="http://pocitadlo.abz.cz/aip.php?tp=sq" alt="počítadlo.abz.cz" border="0" /></a> <script type="text/javascript" src="http://widgets.amung.us/classic.js"></script><script type="text/javascript">WAU_classic('xjrgiqmb4iwh')</script></p> </font><font color="#0000ff" size="1"> -->
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#menu1 a { color: white; font-weight:bolder; text-decoration:none; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; border-radius:25px } #menu1 {background: rgb(102,51,0); width: auto; height: 50px; padding: 5px 5px 5px 5px; position: relative; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; top: 0px; } #menu1 ul li ul a {color: white; } #menu1 ul li ul {/*display:none;*/ visibility: collapse; } #menu1 ul li { float:left; list-style:none; width:130px; height:30px; background: rgb(255,204,0); text-align:center; padding-top:12px; border-right:; border-radius:25px; border: 0 ; right: 30px; left: -13px; position: relative; } #menu1 ul li:hover a{color: black; } #menu1 ul li:hover { background: rgb(255,255,0); text-align:center; color: rgb(0,0,0); border: 2px solid rgb(102,51,0); text-decoration: underline;} #menu1 ul ul { margin-top:10px; } #menu1 ul li ul li { margin-left:-40px; } #menu1 ul li:hover > ul {visibility: visible; position: relative; left: 3px; top: 3px; } #menu1 ul li ul li {background: rgb(255,204,0);} #menu1 ul li ul li:hover {background: rgb(255,255,0); color: black; } #menu1 ul li ul li:hover a{color: black;} #menu1 ul {position: relative; top: -15px; left: -35px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>