- - - 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
 » Odkazy



- - - Info - - -

GimiWeb
Top Wallpapers
Cars Wallpapers
Základy HTML
Delphi kódy
Gimi FotoGalerie
Gimi Software
Kozel zahradník
FotoSpace

Gimi © 2016

  

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