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
-
-
Jak se chránit před podvody na internetu – část 1
8. října 2024 -
Jak vytvořit web zdarma?
5. srpna 2025 -
AI v programování: Jak používat GitHub Copilot (část 1)
12. února 2024
