|
Napisał Patryk Jar (2294 odsłon)
|
|
09.01.2006 10:46 |
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:-)
|
