Jak zrobić kursor zmieniający się po najechaniu na link?

Znacie już triki z podświetleniem linku gdzie po najechaniu na link on 'podświetla' się na różne kolory, lub wzorki. W tej instrukcji pokażę wam jak zrobić fajny trik aby kursor (myszka) zmieniała się w obrazek z napisem: 'Klik' gdy najedziemy na jakiś link =]

Ponieważ nie wiem jak wam to dokładniej wytłumaczyć- zrobiłam profil z demonstracją efektu.
http://galeria.glitery.pl/profil-Demonstracja
A więc tak:
  1. Zaznaczamy i kopiujemy poniższy kod:

    <style>A:hover{cursor:url("http://republika.pl/blog_oj_1271134/2617878/tr/0000klik8to_1_.gif"),url("http://republika.pl/blog_oj_1271134/2617878/tr/0000klik8to_1_.gif"),auto;}</style>
  2. Wklejamy go do notki lub do html i zapisujemy.
  3. Od teraz cieszymy się fajnym kursorem pojawiającym się po najechaniu na link =]
  4. Kod powyżej to kod to takiego kursorka:

  Chcesz zrobić własny? Czytaj dalej!


To bardzo proste, wystarczy tylko podmienić linki w kodzie.
  1. Teraz zmienię kod aby wyświetlał się taki kursor:
    Link do tego gifka to:   http://republika.pl/blog_oj_1271134/2617878/tr/klikzielony8qt.gif
  2. Zaznaczamy i kopiujemy ten kod:
    <style>A:hover{cursor:url("http://republika.pl/blog_oj_1271134/2617878/tr/0000klik8to_1_.gif"),url("http://republika.pl/blog_oj_1271134/2617878/tr/0000klik8to_1_.gif"),auto;}</style>
  3. Wklejamy go do notki lub html.
  4. Teraz kopiujemy link do dowolnego gifka który ma się wyświetlać po najechaniu.
  5. Teraz wklejamy ten link do gifka zamiast tych 2 linków w kodzie które pogrubiłam. 
  6. P.s. pamiętaj aby NIE USUWAĆ " " ponieważ wtedy nie będzie działało.

Brak komentarzy:

Prześlij komentarz