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
<link rel="stylesheet" href="styles.css"> <meta charset="UTF-8"> <head> <title>ÚKOLY ME1 - login</title></head> <body> <div id="loginbox"> <b><u><h1>ÚKOLY TŘÍDY ME1</h1></b></u> <div id="a123"> <form action="login.php" method="post"> <table> <tr> <td>Nick: </td> <td><input type="text" name="nick" value="" size="25" tabindex="1" /></td> </tr> <tr> <td>Heslo: </td> <td><input type="password" name="heslo" value="" size="25" tabindex="2" /></td> </tr> <tr> <td colspan="2"><input type="submit" name="submit" value="Přihlásit se" /></td> </tr> <tr> <td colspan="2" align="right"><a href="registrace.php">Registrace</a></td> </tr> </table> </form> </div> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
hr { width: 800px; text-align: center; } #loginbox { text-align: center; background-image: url(http://ukoly-me.8u.cz/loginbox.png); background-repeat: no-repeat; background-position: center; } #a123 { width:250px; margin:auto; } #ukolbox { text-align: center; background-image: url(http://ukoly-me.8u.cz/obsah.png); background-position: center; background-repeat: no-repeat; color: black; } body { background: url(http://ukoly-me.8u.cz/logo.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-decoration: none; color: white; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>