Wygląd kursora

Wygląd kursora

W końcu, po dłuższej przerwie mam przyjemność zaprosić wszystkich do kolejnej części kursu poświęconego CSS :)))

Od początku prezentowałem same podstawy i suche wiadomości. Stopniowo wprowadzałem Was w tajniki stylów: jak pisać formuły, jakich używać elementów i wartości... Nadszedł w końcu czas, żeby wszystko to wykorzystać w praktyce.

W kolejnych częściach kursu przedstawię różne sposoby wykorzystywania CSS. Liczę także na Wasza współpracę. Przesyłajcie mi różne pytania i ciekawe pomysły a ja postaram się je wykorzystać.

Na zakończenie (obecnej wersji kursu) pokaże Wam jakie cuda można wyprawiać z kursorami na stronie ;)

Zasada działania stylu jest prosta. Na początku wybieramy dowolny obszar strony. Możemy do tego wykorzystać znaczniki <DIV></DIV>. Pomiędzy takimi znacznikami możemy umieścić wszystko: tekst i obrazki np.

<DIV> <P>tekst, tekst....</P> <IMG SRC=""> </DIV>

Następnie, naszemu wybranemu obszarowi przypisujemy style. Element który odpowiada za rodzaj kursora to CURSOR. Całość może wyglądac następująco:

<DIV STYLE="cursor: crosshair;"> <DIV STYLE="cursor: crosshair;"><P>tekst, tekst....</P> <IMG SRC=""> itd</DIV> </DIV>

W wyniku tego po najechaniu na obszar kursor się zmienia. Prawda, że fajne ?

Oczywiście na samym krzyżyku sprawa się nie kończy. Możemy przypisać o wiele więcej wartości. Oto one: (najedź na nazwę)

 

Zapraszam do kolejnej części kursu css gdzie zajmiemy się bardzo fajnymi możliwościami zmiany paska przewijania.