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 -
Umělá inteligence v IT
27. září 2023 -
Optimalizace a zlepšení výkonu kódu: tipy a triky
14. srpna 2023 -
Responzivní design: Proč by ho neměl ignorovat žádný vývojář?
27. listopadu 2023
Nejnovější
-
Jak rozšířit úložiště Macu za pětinovou cenu?
16. prosince 2024 -
Nové trendy v doménách pro osobní projekty – DIY, LIVING a LIFESTYLE
9. prosince 2024 -
Jak chránit webové stránky před Web/AI Scrapingem
27. listopadu 2024 -
Jaký monitor je nejlepší k novému Macu Mini?
25. listopadu 2024