- - - Menu - - -

 » Úvod
 » Základní prvky
 » Vlastnosti textu
 » Obrázky
 » Odkazy
 » Formuláře
 » Seznamy a čáry
 » Tabulky a rámy
 » Ostatní značky
 » Speciální efekty
 » Tipy a triky

 » Styly CSS
 » Java Script

 » Propagace a služby
 » Ed. 1st Page 2000
 » Grafika na www
 » Download

 » Kniha návštěv



- - - Info - - -

GimiWeb
Gimi Software
Základy HTML


  

Zpět
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

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:     rolující text

<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>
    ukázková
    tabulka


    » 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


    a b
    c d


    Další speciální efekty najdete na stránce JavaScript