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><meta charset=UTF-8> <title>Open-Games.eu</title> <div id=obal> <menu> <li><a href="#">Domů</a> <li><a href="#">Jak se připojit</a> <li><a href="#">Admin Team</a> <li><a href="#">VIP</a> </menu> <div id=obsah> <h1>Portál Open-Games.eu</h1> <div class=seda> <p> Takže ahoj Minecrafťáci… <p> Oznamuji vám, že jsme vstoupili pod portál Open-Games.eu. Pro vás se žádné změny nedějí, jen mi přišlo důležité vám to oznámit… </div> <h2>Nový web</h2> <div class=seda> <p> Toto je můj první vytvořený html web :) …a pokouším se znova a znova. :D Jako myslím, že mi to celkem jde… No ale už nevím co psát, takže čus. :) <p><a href="http://djpw.cz/163228#8">djpw.cz</a> </div> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { background: silver; color: #ddd; font: 105% serif; } #obal { background: gray url('http://ucimsephp.esy.es/pozadi.png'); max-width: 1366px; min-width: 800px; min-height: 768px; margin: auto; } html, body, menu, menu li { margin: 0; padding: 0; list-style: none; } menu { overflow: auto; } /* ukončuje plavání položek */ menu li { float: left; width: 24.95%; text-align: center; } menu a { line-height: 50px; color: white; text-decoration: none; display: block; } menu a:hover { color: lime; text-decoration: underline; } #obsah{ width: 750px; margin: 2em auto; } h1, h2 { color: lime; font-size: 1.4em; line-height: 1.5; text-align: center; } .seda { background: black; background: rgba(0,0,0,0.6); padding: 1em; border-radius: 1em; } a { color: lightgreen; } a:hover { color: lime } p { 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>