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 lang="cs-CZ"> <head> <meta charset="utf-8"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="hornilista"></div> <nav> <ul> <li class="aktivni"><a href="index.html">Domů</a></li> <li><a href="craftbukkit.html">Craftbukkit</a></li> <li><a href="mcpc.html">MCPC+</a></li> </ul> </nav> <div class="clear"></div> <h1>Nový web</h1> <div class="krajl"></div> <div class="clear"></div> <div class="krajp"></div> <div class="nadpis"><b> 19. Června 2015 :</b></div><br> <div class="clear"></div> <ul><li>Vytvořený nový web </li></ul> <div class="clear"></div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { background: url('https://hicoria.com/images/intro/services/service_bg.png') black ; margin: 0; } h1 { text-align: center; color: white; background: #008cba; width: 650px; position: relative; left: 325px; border-left: 0px solid gray; margin: 0px; } .hornilista { background: url('https://hicoria.com/images/common/header/hd_bg.png'); height: 70px; } .clear { clear: both; } nav ul { margin: 0px; list-style-type: none; } .krajl { border-left: 1px solid #008cba; height: 527px; position: absolute; left: 325px; clear: both; width: 150px; } .krajp { border-right: 1px solid #008cba; height: 527px; position: absolute; right: 391px; width: 150px; } nav ul li { position: relative; top: -67px; position: relative; left: 473px; float: left; padding: -99px 0px; margin: 0 15px; font-size: 17px; height: 33px; line-height: 4.3em; text-align: center; } nav a { color: grey; text-decoration: none; } nav ul li a:hover { color: white; } nav ul li:hover a, .aktivni a { color: white; } .button { background-color:#44c767; border:1px solid #18ab29; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:15px; font-weight:bold; padding:15px 30px; text-decoration:none; text-shadow:0px 1px 0px #2f6627; } .button:hover { background-color:#5cbf2a; } .button:active { position:relative; top:1px; } .nadpis { position: absolute; left: 350px; position: absolute; top: 160px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>