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
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="keywords" content="Dj , Andy , Dj Andy , Marek Moos , Moos , "> <meta name="language" content="czech" /> <meta name="country" content="cz" /> <meta http-equiv="content-language" content="cs" /> <link rel="StyleSheet" href="style.css" type="text/css" media="screen"> <link href="grafika/favicon.png" rel="icon" type="image/png" /> <link rel="shortcut icon" href="grafika/favicon.ico" /> <title>Oficiální Stránky Dj Andyho</title> </head> <body><!--WZ-REKLAMA-1.0--><!--WZ-REKLAMA-1.0--><!--WZ-REKLAMA-1.0IZ--><div align="center"><table width="496" border="0" cellspacing="0" cellpadding="0"><tr><td><a href="http://www.webzdarma.cz/"><img src="http://i.wz.cz/banner/nudle03.gif" width="28" height="60" style="margin: 0; padding: 0; border-width: 0" alt="WebZdarma.cz" /></a></td><td> <script type='text/javascript'><!--//<![CDATA[ var m3_u = (location.protocol=='https:'?'https':'http')+'://ad.wz.cz/openx/www/delivery/ajs.php'; var m3_r = Math.floor(Math.random()*99999999999); if (!document.MAX_used) document.MAX_used = ','; document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u); document.write ("?zoneid=26"); document.write ('&cb=' + m3_r); if (document.MAX_used != ',') document.write ("&exclude=" + document.MAX_used); document.write (document.charset ? '&charset='+document.charset : (document.characterSet ? '&charset='+document.characterSet : '')); document.write ("&loc=" + escape(window.location)); if (document.referrer) document.write ("&referer=" + escape(document.referrer)); if (document.context) document.write ("&context=" + escape(document.context)); if (document.mmm_fo) document.write ("&mmm_fo=1"); document.write ("'><\/scr"+"ipt>"); //]]>--></script><noscript><div><a href='http://ad.wz.cz/openx/www/delivery/ck.php?n=a5977468&cb=123'><img src='http://ad.wz.cz/openx/www/delivery/avw.php?zoneid=26&cb=123&n=a5977468' style='margin: 0; padding: 0; border-width: 0' alt='' /></a></div></noscript> </td></tr></table></div> <!--WZ-REKLAMA-1.0IK--> <div id="header"> <h1><a href="index.php">Dj Andy </a></h1> <h2>Official Website</h2> </div> <div id="menu"> <ul> <li><a href="index.php">Novinky</a></li> <li><a href="o-me.php">O Mě</a></li> <li><a href="parties.php#">Parties</a></li> <li><a href="live-in-the-mix.php#"> Live In The Mix</a></li> <li><a href="sety.php#">Sety</a></li> <li><a href="kontakt.php#">Kontakt</a></li> <li><a href="forum.php#">Forum</a></li> </ul> </div> <hr /> <div id="page"> <div id="content"> <div class="post"> <h2 class="title">Vítejte !</h2> <div class="entry"> <p> <strong>Vítejte</strong> na oficiálních stránkách Dj Andyho . Zde najdete veškeré moje sety , rozpis akcí a také playlisty mého pořadu <a href"=live-in-the-mix.html"> Dj Andy Live In The Mix. <a/> </div> </div> <div class="post"> <h2 class="title">Novinky , Aktualitky , Zajímavosti :-)</h2> <div class="entry"> <p> </p> </div> </div> </div> <div id="sidebar"> <ul> <li id="search"> <form id="searchform" method="get" action=""> <div> <input type="text" name="s" id="s" size="15" /> <br /> <input name="submit" type="submit" value="Vyhledávání" /> </div> </form> </li> <li id="calendar"> <h2>Kalendář akcí</h2> <div id="calendar_wrap"> <table summary="Calendar"> <caption>Září | 2013</caption> <thead> <tr> <th abbr="Pondělí" scope="col" title="Pondělí">Po</th> <th abbr="Uterý˝" scope="col" title="Uterý˝">Ut</th> <th abbr="Středa" scope="col" title="Středa">St</th> <th abbr="Čtvrtek" scope="col" title="Čtvrtek">Čt</th> <th abbr="Pátek" scope="col" title="Pátek">Pá</th> <th abbr="Sobota" scope="col" title="Sobota">So</th> <th abbr="Neděle" scope="col" title="Neděle">Ne</th> </tr> </thead> <tfoot> <tr> <td abbr="Srpen" colspan="3" id="prev"><a href="#" title="Zpět na srpen 2013">« Srp</a></td> <td class="pad"> </td> <td abbr="Prosinec" colspan="3" id="next"><a href="3" title="Přejít na prosinec 2013">Pros »</a></td> </tr> </tfoot> <tbody> <tr> <td colspan="3" class="pad"> </td> <td></td> <td></td> <td></td> <td>1</td> </tr> <tr> <td>25</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> </tr> <tr> <td>9</td> <td>10</td> <td>11</td> <td>12</td> <td>13</td> <td>14</td> <td>15</td> </tr> <tr> <td>16</td> <td>17</td> <td>18</td> <td>19</td> <td>20</td> <td>21</td> <td>22</td> </tr> <tr> <td>23</td> <td>24</td> <td>25</td> <td>26</td> <td>27</td> <td>28</td> <td>29</td> </tr> <tr> <td>30</td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table> </div> </li> <li> <h2>Sety - Playlisty</h2> <ul> <li><a href="sety1.php#" title="Dj Andy Live In The Mix">Dj Andy Live In The Mix</a></li> <li><a href="sety2.php#" title="Special Megamix">Special Megamix</a></li> <li><a href="sety3.php#" title="Zaznamy">Live Záznamy</a></li> <li><a href="sety4.php#" title="House">House Party Edition</a></li> </ul> </li> </ul> <div style="clear: both; height: 40px;"> </div> </div> <div style="clear: both;"> </div> </div> <hr /> <div id="footer"> <p>(c) 2013 Dj Andy </p> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
{ margin: 0; padding: 0; } body { background: #000000 url(images/img01.gif) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #999999; } h1, h2, h3 { } h1 { font-size: 3em; } h2 { letter-spacing: -1px; font-size: 2em; } h3 { font-size: 1em; } p, ul, ol { margin-top: 1.8em; line-height: 180%; } ul, ol { margin-left: 3em; } blockquote { margin-left: 3em; margin-right: 3em; } a { color: #CCCCCC; } a:hover { text-decoration: none; color: #FFFFFF; } hr { display: none; } #header { width: 960px; height: 80px; margin: 0 auto; background: url(images/img02.jpg); } #header h1, #header h2 { float: left; margin: 0; text-transform: uppercase; color: #FFFFFF; } #header h1 { padding: 30px 0 0 20px; font-size: 3em; } #header h2 { padding: 47px 0 0 8px; font-size: 1.8em; font-style: italic; } #header a { text-decoration: none; color: #FFFFFF; } #menu { width: 960px; height: 51px; margin: 0 auto; background: url(images/img03.jpg); } #menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #menu li { float: left; padding: 12px 10px 0 20px; } #menu a { text-decoration: none; letter-spacing: -1px; font-size: 1.2em; font-weight: bold; } #menu a:hover { text-decoration: underline; } #page { width: 920px; margin: 0 auto; padding: 30px 20px 20px 20px; background: url(images/img04.jpg) no-repeat; } #content { float: left; width: 605px; } .post { margin-bottom: 40px; } .post .title { border-bottom: 1px solid #454545; } .post .title a { text-decoration: none; } .post .entry { padding: 0 20px; } .post .meta { height: 20px; padding: 15px 20px; background: url(images/img05.gif) no-repeat; line-height: normal; } .post .meta a { text-decoration: none; font-weight: bold; } .post .meta a:hover { text-decoration: underline; } .post .meta .byline { float: left; } .post .meta .comments { float: right; } #sidebar { float: right; width: 295px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { } #sidebar li ul { padding: 0 0 20px 20px; list-style: square inside; } #sidebar h2 { height: 50px; padding: 13px 20px 0 20px; background: url(images/img06.gif) no-repeat; font-size: 1.6em; } #search { padding: 20px; text-align: center; } #search input { margin-bottom: 10px; padding: 3px 5px; background: #1F1F1F url(images/img06.gif) no-repeat center center; border: 1px solid #454545; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; } #search #s { width: 80%; background: #1F1F1F; } #calendar { padding-bottom: 20px; } #calendar table, #calendar caption { width: 80%; margin: 0 auto; text-align: center; } #calendar caption { text-transform: uppercase; letter-spacing: .25em; font-weight: bold; } #calendar thead th { background: #333333; } #calendar tbody td { background: #111111; } #calendar a { text-decoration: none; font-weight: bold; } #calendar a:hover { text-decoration: underline; } #footer { width: 960px; margin: 0 auto; padding: 20px 0; background: url(images/img07.gif) no-repeat; } #footer p { margin: 0; line-height: normal; text-align: center; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>