BAZA WIEDZY
KURSY
Bazy danych w PHP
Kurs AdvancedAJAX
Kurs ASP
Kurs ASP.NET
Kurs C++
Kurs CSS
Kurs HTML
Kurs HTML drugi
Kurs JavaScript
Kurs MySQL
Kurs PHP
Kurs RSS
Kurs XHTML
Obiekty DOM
MANUALE
CSS1 - W3C
DOM - w budowie
PHP 2005
PHP 2006
Wyrażenia regularne
SHOUTBOX
STAT
Online: 92 | UU: 1100
[HTML-CSS] Zmiana kursora, własny kursor
Porady HTML, Porady CSS | 21 maj 2008 | Wizyt: 34373

Aby zmienić standardowy wygląd kursora pojawiającego się np. podczas najeżdzania myszą na odnośnik lub zwykły tekst należy zastosować odpowiednie style. Można zapisać oddzielnie przy każdym ze znaczników lub jednorazowo dla wszystkich znaczników a lub p itd. Prócz kursorów udostępnianych przez style css, można również użyć własnych.

Przykład 1 - kursor dla pojedynczego znacznika:

Kod: html4strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>
  <title>Tytuł strony</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  </head>
    <body>
    <!– Kursor dla pojedynczego odnosnika –>
    <a style="cursor:crosshair" href="index.html">egrafik.pl</a>
    <!–  Kursor dla pojedynczego akapitu –>
    <p style="cursor:help">egrafik.pl</p>
    </body>
</html>

Przykład 2 - kursor dla wszystkich znaczników a lub p:

Kod: html4strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>
  <title>Tytuł strony</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

    <style type="text/css">
    <!– Kursor dla wszystkich odnosnikow –>
    a {
    cursor:crosshair;
    }

    <!– Kursor dla tekstu w ramach elementu P –>
    p {
    cursor:help;
    }
    </style>

  </head>
   <body>
   </body>
</html>

Przykład 3 - własny kursor:

Kod: html4strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>
  <title>Tytuł strony</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  </head>
   <body>
     <!– Wlasny kursor statyczny –>
     <a style="cursor:url("kursor.cur");" href="index.html">egrafik.pl</a>

     <!– Wlasny kursor animowany –>
     <a style="cursor:url("kursor.ani");" href="index.html">egrafik.pl</a>
   </body>
</html>

Poniżej lista dostępnych w css kursorów:

auto, croshair, default, e-resize, help, inherit, move, ne-resize, n-resize, nw-resize, pointer, se-resize, s-resize, se-resize, text, wait, w-resize. 

Opracowanie: Adam Suchowski

nowe Porady CSS » zobacz wszystkie
nowe Porady HTML » zobacz wszystkie

WordPress database error: [Table './asior3/wp_comments' is marked as crashed and last (automatic?) repair failed]
SELECT * FROM wp_comments WHERE comment_post_ID = '991' AND comment_approved = '1' ORDER BY comment_date desc

Dodaj komentarz









 
Copyright © 2006-2013 egrafik.pl | Kontakt | Reklama | Projekty domów
jocker