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
<a href="/" class="logo"> <span class="first"><span class="text">EM </span><span class="bg"></span></span> <span class="rest">bonito.cz</span> <span class="text-under">První kosmetický salon ve městě</span> </a>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.logo .bg { position: absolute; left: 0px; right: 0; content: ''; top: 0px; bottom: 4px; background: #d6484d; z-index: 1; } .logo { font-size: 36px; text-transform: uppercase; display: block; font-family: 'Open Sans', 'Roboto', Arial, Helvetica, sans-serif; font-weight: bold; padding: 0; float: left; letter-spacing: 1px; margin-left: 9px; color: #2f2f2f !important; white-space: nowrap; } .logo .text { position: relative; z-index: 2; } .logo .text-under { font-size: 0.4em; float: left; clear: left; position: relative; top: -3px; color: #d6484d; white-space: nowrap; text-transform: none; } .logo span.first { color: #fff; position: relative; padding: 0 3px 0 9px; display: inline-block; float: left; } .logo span.rest { padding-left: 2px; display: inline-block; float: left; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>