: Home / HTML / CSS / kurs CSS / Wygląd kursora

Warning: file_get_contents(http://graph.facebook.com/http://youthcoders.net/html-css/kurs-css/47-wyglad-kursora.html): failed to open stream: HTTP request failed! HTTP/1.0 403 Forbidden in /var/www/old-yc/plugins/content/addthis.php on line 38
Wygląd kursora
Ocena użytkowników: / 0
SłabyŚwietny 
Wpisany przez Patryk yarpo Jar   
piątek, 18 września 2009 03:01

Kursor jak wygląda - każdy widzi:-). A na tej lekcji nauczysz się zmieniąć jego wygląd!

Zmiany w pliku 'style.css':

/* otwórz plik 'style.css' który tworzyłeś na poprzednich lekcjach */
body {
    background-color: #CBD1D3;
    text-align: center;
    scrollbar-3dlight-color:silver;
    scrollbar-arrow-color:black;
    scrollbar-base-color:white;
    scrollbar-dark-shadow-color:black;
    scrollbar-face-color:white;
    scrollbar-highlight-color:silver;
    scrollbar-shadow-color:silver;
    /* to wszystko powinno już tam być */  

    /* a teraz coś mowego */

    cursor: crosshair; /* 1 */

}
table {
    margin-left: auto;
    margin-right: auto;
}

Opis:

1 - Tym sposobem zmieniłem kształt kursora na krzyżyk [najedź tu].

Jak zawsze nie jest to jedyna możliwośc jaką daję CSS.

Inne możliwości:

- crosshair [efekt]
- hand [efekt - tylko MSIE]
- move [efekt]
- e-resize [efekt]
- ne-resize [efekt]
- nw-resize [efekt]
- n-resize [efekt]
- se-resize [efekt]
- sw-resize [efekt]
- w-resize [efekt]
- text [efekt]
- wait [efekt]
- help [efekt]
- default [efekt]

Jak można łatwo zauważyć wyborów jest sporo. Jednak zalecam szczególną rozwagę w stosowaniu tych określeń. Bo czy widziałeś kiedyś stronę, na której kursor byłby zmieniony? Radzę stosować to w wyjątkowych sytuacjach. Na tej lekcji chciałem Ci pokazać, że tak można, jednak w dalszej częściu kursu zrezygnuję z tej linijki. Oczywiście jeśli chcesz, możesz zostawić sobie ten fragment:-)

 

Dodaj komentarz


Kod antysapmowy
Odśwież