Banner jako pozadí
Toto řešení ukazuje, jak využít obrázku na pozadí jako banneru. Jeho výhodou pro běžně návštěvníky je dobré rozvržení stahování banneru, kdy je animovaná část stahována až při najetí myší na banner. Jedná se o zajímavou možnost jak je možné obejít některé typy software pro blokování reklamy.
Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Lim Chee Aun. Bližší popis najdete v článku Effective Banner Advertising..
CSS
.banner, .banner a
{
width: 468px;
height: 68px;
display: block;
margin: auto;
}
.banner
{
background: transparent url(„61a.gif“) no-repeat;
color: inherit;
}
.banner a:hover
{
background: transparent url(„61b.gif“) no-repeat;
color: inherit;
}
.banner a .popisek
{
display: none;
}
XHTML
<html>
<body>
<div class=“banner“>
<a href=“http://css.interval.cz/“ title=“CSS Knihovna“>
<span class=“popisek“>Reklama: CSS Knihovna</span>
</a>
</div>
</body>
</html>
Mohlo by vás také zajímat
-
Fandíme českým sportovcům a rozdáváme hosting ZDARMA!
26. července 2024 -
-
-
Vlastní web pomocí AI už může vytvořit opravdu každý
8. srpna 2024
Nejnovější
-
-
-
Jak vytvořit web zdarma?
5. srpna 2025 -
10 nejčastějších chyb při tvorbě webu na WordPressu
28. července 2025