Změna kurzoru pomocí HTML

Registrace

Právě probíhající akce na Howrse: Důl Elementálů+ Všechny akce

Právě probíhající soutěž: Zatím žádná+ Všechny soutěže

Diskuze na téma: Oblíbená osobnost │ Stížnosti a nápady │ Chat+ Všechny diskuze

• Přehled českých výtvorů v KP!
• Chat s adminkami
• Bleskovky a informace, co na webu nenajdete - sledujte nás na Facebooku!
• Anketa - VIP vs. Pegasus
• Podvodné stránky - nenaleťte!+ Více novinek

19.05.2013 [12:00], AsDeeN, Kurz grafiky a kódování, komentováno 725×, zobrazeno 94993×

http://img.rfclipart.com/image/big/4d-af-0b/hand-cursor-Download-Royalty-free-Vector-File-EPS-2538.jpg?v3

Také Vás zajímá, jak si dokázali někteří hráči změnit kurzor? Jak je možné, že v různých částech prezentace mají různé obrázky? Naučíme Vás to! Věřte, že tuhle malou, avšak pěknou změnu v prezentaci zvládne každý!

Základním krokem je vůbec dostat se do HTML Vaši prezentace. Jestliže ji máte již vloženou na profilu, stačí kliknout na tlačítko (Změnit). Dále je pak nutno se v režimu psaní přepnout na HTML režim (tlačítko naleznete na pravé straně nad smajlíky).

1. Na úplný začátek prezentace vložte tento kód:

<div style="cursor: url(ZDE BUDE PŘÍMÝ ODKAZ NA OBRÁZEK!), auto;">

2. Na úplný konec prezentace vložte tento:

</div>

Místo textu ZDE BUDE PŘÍMÝ ODKAZ NA OBRÁZEK! vložíte přímý odkaz na obrázek, který jste si vybrali. Závorky nemažte! Předem upozorňuji, že obrázek je lepší vybírat menší (popř. si ho zmenšit), protože kurzur je maličký, mohlo by se Vám stát, že budete mít také kurzor přes půlku prezentace. Další dobrou vlastností pro kurzor je .png, tedy průhledný formát pozadí. Nabídka kurzorů je široká, dají se použít miniatury koní do KP, miniatury věcí z ČT nebo se dají na spoustě stránek najít kurzory neobvyklých tvarů, obrazců aj. Třeba si vyberete u nás na grafice.

Více kurzorů docílíte tím, že ukončovací tag (druhou část kódu) nevložíte na konec prezentace, ale do místa, kde chcete aby Váš první kurzor končil. Za to hned znovu vložíte první část kódu - tentokrát ale s jiným odkazem/obrázkem a opět ve Vámi požadovaném místě vložíte druhou část kódu.

POZOR! Článek je 100% funkční a kurzor funguje, pokud Vám nefunguje s nějvětší pravděpodobností děláte tyto chyby:
1. Nemáte přímou URL adresu obrázku - Více
2. Chybujete v HTML - umazání tagu, vložení tagu do špatného místa aj.

V případě problémů stačí napsat slušný komentář se žádostí o pomoc při vkládání tagu na kurzor a není problém Vám pomoci. Na ostatní neslušné žádosti nebudeme reagovat. Stejně tak na komentáře typu "nejde mi to" - pokud svůj problém nijak nepopíšete, nemáme Vám s čím poradit.

Na závěr je tu videoukázka, jak na to ;). Doporučuji zapnout poznámky. Pokud se Vám video nezobrazuje, najdete jej zde.