Změna kurzoru

08.06.2013 [13:00], Titvik, Škola grafiky, komentováno 138×, zobrazeno 27050×
http://icons.iconseeker.com/png/fullsize/gant-3/cursor.png

Zajímá vás, jak to někteří hráči dělají, že se jim v prezentacích místo běžného kurzoru zobrazuje například koník či předmět z černého trhu? Není to nic těžkého a zvládne to každý!

Nejprve jdětě na svou stránku, dejte upravit prezentaci a přepněte ji do HTML režimu. Nic nemažte! Na začátek vložte následující tag:

<div style="cursor: url(), auto;">

Nyní je čas vybrat obrázek, který bude sloužit jako kurzor. Můžete si nějaký obrázek najít na internetu, nebo, pokud jste zručnější, můžete si jej vyrobit i sami. Můžete také použít nějakého koně, nebo třeba předmět z čt, je to jen na vaší fantazii.

Obrázek by neměl být příliš velký, přece jen má nahradit malý kurzorek a né překrýt půlku prezentace :D. Také je dobré, pokud daný obrázek je ve formátu s průhledným pozadím.

Až najdete vhodný obrázek, klikněte na něj pravým tlačítkem myši a dejte Kopírovat URL adresu obrázku. Tu poté vložte do prázné závorky výše uvedeného tagu.

Zbývá poslední krok a tím je uzavření tagu vložením </div>

na konec prezentace. Hotovo, můžete prezentaci uložit ;)

Videonávod

Přidat komentář

Autor:

Text:

:) ;) B) :( :'(
:P :D XD *yes* *no*
:* :[ *rolleyes* *rofl* :O

Opište tento text:

CAPTCHA

Komentáře

28)  Nikitera  [19. 06. 2013 | 10:12]

Díky, Titvik, jsi moc hodná, že jsi sem dala ten návod, už mi po prezentaci "běhá" malý bílý pejsek... :**yes*:D

27)  zelí  [18. 06. 2013 | 19:46]

Titvik: já myslela že tam nepatří*rofl*

26)  Titvik  [18. 06. 2013 | 18:17]

TitvikZelí - Teď koukám, máš špatně zkopírovaný tag, před závorkou ti chybí url...
<div style="cursor(http://oi44.tinypic.com/2ldg9qh.jpg), auto;">
Správně tedy takhle...
<div style="cursor: url(http://oi44.tinypic.com/2ldg9qh.jpg), auto;">

25)  zelí  [18. 06. 2013 | 16:54]

teď tam mám tohle a pořád to nefunguje*no* <div style="cursor(http://oi44.tinypic.com/2ldg9qh.jpg), auto;">
ukončovací tag jsem nezapoměla

24)  zelí  [18. 06. 2013 | 16:50]

díky*yes*

23)  Titvik  [17. 06. 2013 | 17:51]

TitvikKóča - Jaký máš prozlížeč?

simakapo - Nejspíš je to příliš velkým obrázkem, s tím bývají problémy... zkus jej zmenšit a pak by to mělo jít...

22)  simakapo  [17. 06. 2013 | 15:05]

mně to nefunguje něco špatně mám tento kód
<div style="cursor: url(http://www.imagehosting.cz/images/100015izi.png), auto;">Rekonstukce</div>

21)  Kóča  [17. 06. 2013 | 15:03]

Ale já nevím jak mám obrázek otevřít v nové kartě

20)  Titvik  [17. 06. 2013 | 06:15]

Titvik NANYNKA - Takhle z tvého popisu nepoznám kde je chyba... zkus mi poslat HTML tvé prezentace do sz a podívám se na to ;)

19)  Titvik  [17. 06. 2013 | 06:14]

TitvikZelí - Protože do závorky jsi nevložila url adresu obrázku ale pouze adresu stránek, na kterých je obrázek uložen...
http://oi44.tinypic.com/2ldg9qh.jpg

«   1 2 3 4 5 6 7 8 9 10 11 12 13 14   »