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 class="page-container"> <div class="body"> <div class="sidebar"> <ul> <li><a href="#">Doctor Who</a></li> <li><a href="serial/torchwood/torchwood.html">Torchwood</a></li> <li><a href="#">The Walking Dead</a></li> <li><a href="#">Game of Thrones</a></li> <li><a href="#">Battlestar Galactica</a></li> <li><a href="#">Caprica</a></li> </ul> </div> <div class="content"> <hr class="noscreen"> <h1 style="color: black"> Pohled na 2015 </h1> <p> <strong> Nejočekávanějších a jistě také nejzajímavějších seriály, kterých je třeba si všimnout. </strong> </p> <hr> <p> <h2>Last Week Tonight with John Oliver</h2> <img src="../images/lastweek.jpg" alt="" width="110" height="120" align="right"/> Jimmy Kimmel, Jimmy Fallon i Conan O'Brian se začínají třást strachy! To zásadní ze světového dění v oblasti kultury i politiky, zrekapitulováno osobitým stylem moderátora Johna Olivera. Talkshow má na svědomí stanice HBO, která s ní sklízí úspěchy. Pořad se stal během vysílání první série ceněným také v našich končinách </p> <p> <strong> Datum: od 8. února každou neděli na HBO </strong> </p> <hr> <p> <h2>Bitten</h2> <img src="../images/bitten.jpg" alt="" width="100" height="120" align="right"/> Bitten se na obrazovky vrací s druhou sérií. Jde o kanadský seriál, který se fanouškům představil poprvé v roce 2014 a hned si získal početné publikum. Bitten vychází z knihy Otherworld od spisovatelky Kelley Armstrong. Vypráví příběh první vlkodlačí ženy Eleny. Elena pracuje jako fotografka, ale dost času jí také bere snaha utajit tajemství o svém prokletí před ostatními. Vše se navíc ještě zkomplikuje, když hrdinka objeví vlkodlačí útočiště. </p> <p style="text-color: white;"> <strong>Datum: od 7. února každou sobotu na Space </strong> </p> <hr> <p> <h2>Better Call Saul</h2> <img src="../images/bettercallsaul.jpg" alt="" width="100" height="120" align="right"/> James Morgan McGill je právníkem v Albuquerque. Oproti ostatním advokátům ale vyčnívá v jedné věci – neštítí se špinavé práce pro pochybná individua. V budoucnosti se z něj stane Saul Goodman, který obhajuje mimo jiné slavného Waltera Whitea. Příběh se odehrává v roce 2002, tedy šest let před událostmi z Breaking Bad. Seriál nebude tolik temný a bude obsahovat více komediálních složek. </p> <p> <strong> od 8. února každou neděli na AMC </strong> </p> </div> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
* { margin: 0; padding: 0; } html {font-size: 62.5%;} body { background: url(http://gaarners.bluefile.cz/images/pozadiserial.jpg); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; text-align: center; font: 1.2em Verdana, Arial, Helvetica, sans-serif; position: relative; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ .page-container { width: 80%; height: auto; margin: 0 auto; padding: 0; } .body { width: 100%; height: auto; position: relative; float: left; padding: 0 0 0 2px; margin: 10px 0 0 0; } .sidebar { width: 20%; min-width: 150px; float: left; margin: 20px 0; background: white; box-sizing: border-box; -moz-box-sizing: border-box; } .sidebar ul { margin:0; padding: 0px; list-style: none; } .sidebar ul li { margin: 0; } .sidebar ul li a { display: block; padding: 15px 20px; font-size: 16px; font-weight: 100; color: black; text-decoration: none; display: block; border-bottom: 1px solid #000010; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; } .sidebar ul li:hover a { background: #C9223D; } .content { width: 75%; float: right; padding: 0 10px; text-align: left; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>