|
|
|
Speciální efekty
|
|
Běžící text
Běžící obrázek
Běžící linka
Definice tagu marquee
Měnící se obrázek
Ikona oblíbených stránek
Přechodové efekty
Změna kurzoru
Průhledné objekty
Běžící text
<marquee>text</marquee>
Běžící obrázek
<marquee><img src="obrazek.gif" width="16" height="17"></marquee>
Běžící linka
<marquee><hr size="1" width="50%"></marquee>
Definice tagu marquee
behavior=alternate|slide - chování textu (odráží se, zastaví se na konci)
bgcolor="#000000" - barva pozadí
direction=left|right|up|down - směr rolování
scrollamount=10 - počet pixelů mezi skoky
scrolldelay=500 - doba v ms mezi jednotlivými skoky
width="50%" - délka rámečku
width="200" height="50" - rozměr rámečku
align=center|left|right - zarovnání
příklad:
<marquee bgcolor="#999999" behavior=alternate scrolldelay=250 width=50%>
<strong><font face="verdana" color="#ffffff">rolující text</font></strong>
</marquee>
Měnící se obrázek
<img src="imga.gif" onmouseover="this.src='imgb.gif';" onmouseout="this.src='imga.gif';">
» Po přejetí kurzorem nad písmenem A (imga.gif) se zobrazí písmeno B (imgb.gif).
Ikona oblíbených stránek
» Pokud jste u některých stránek, které máte nastaveny jako oblíbené, viděli malou ikonku a chtěli byste podobný efekt i vy, můžeme se podívat jak na to.
» Tata ikona se zobrazuje na řádku adresa a také v seznamu oblíbených položek.
» Vaše ikona musí být umístěna v rootu webu (většinou tam kde je umístěn index.htm)
» Soubor ikony se musí jmenovat favicon.ico
» Ikonu můžete použít už hotovou (ke stažení třeba zde), nebo vlastní výroby (postup níže)
» Podmínkou zobrazení ikony je umístění stránek v oblíbených položkách Vašeho čtenáře
Postup výroby ikony:
» Ikonu můžete vyrobit ve speciálním programu, který je k tomu určen (např.: Microangelo)
» Nebo za pomocí klasických grafických editorů...
V editoru si otevřete nový obrázek o rozměrech 16x16 px (zobrazovaná velikost ikony)
I když není místo moc velké - nakreslete obrázek podle svých představ
Uložte obrázek jako favicon.ico (většina grafických programů typ *.ico podporuje)
* Další možnost je : vytvoření ikony třeba ve win. malování (pixel po pixelu) a potom otevření v nějakém grafickém programu, který umí uložení do *.ico
Přechodové efekty
» Pro tyto efekty je připravena speciální stránka - klikněte zde
Změna kurzoru
<body style="cursor:url('sipka.cur')">
<table style="cursor:url('sipka.cur')"></table>
» Kurzor se dá změnit na celé stránce v tagu BODY (první řádek) nebo jen na určitém prvku třeba TABLE (druhý řádek)
» Nejlepší je zapsání do CSS.
Průhledné objekty
<img src="obrazek.jpg" border="2" style="{ filter:alpha(opacity=20) }">
původní obrázek - obrázek s efektem
» Pokud by byl za obrázkem text, nebo jiný obrázek byl by částečně vydět.
» Procento průhlednosti se zapisuje za "opacity" (0-100)
» Tento efekt lze použít také u tabulek
Další speciální efekty najdete na stránce JavaScript
|
|
