HTML CSS Windows Photoshop
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
 Avtor: -primož-    04.10.09
Kurzorji na spletnih straneh               
CSS vodiči

kurzor, kurzorji, cursorVključite kurzorje na spletno stran

Vodič Vam bo pokazal novo popestritev za vašo spletno stran, s katero pa ne smete pretiravati. S tem mislim na kurzorje oz. miškine kazalce in njihovo raznovrstnost. S tem vodičem boste spoznali, katero kodo morate uporabiti za določitev posebnega kurzorja spletni strani, tabeli in povezavi.

1. Za določitev kurzorja morate uporabiti CSS kodo cursor: imekurzorja; .

Imena kurzorjev si lahko ogledate tukaj: seznam kurzorjev

HTML & CSS koda:

<html>
<head>
<style type="text/css">

body { cursor: crosshair; }

</style>
</head>
<body>
Besedilo
</body>
</html>


PRIKAZ kurzorja na celotni strani


*Poseben kurzor deluje v Firefoxu nad vsebino (besedilo, slike)!

 

Rešitev: Za <body> dajte <div style="cursor: crosshair; width:100%; height:100%;"> in pred </body> dajte </div>. Kurzor vam bo delal na vseh straneh!



2. Poseben kurzor le nad tabelo

Če hočete še posebej pritegniti obiskovalce je to zelo dober način. Povsod drugod je miškin kazalec normalen (default), nad tabelo pa zamenja podobo. Isto lahko uporabite za <div>, <p> in celo za povezave <a>.

HTML & CSS koda:

<html>
<head>
</head>

<body>

<table border="1" width="100%" style="cursor: help;" >
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

</body>
</html>


PRIKAZ kurzorja nad tabelo

 

3. Če pa že želite zamenjati kurzor bodite poleg tega kreativni in izdelajte lasten kurzor. Video vodič, ki vam pove, kako izdelate svoj kurzor najdete tukaj: Kako narediti svoj kurzor.

Kurzor vstavite v spletno stran s pomočjo kode cursor: url(potdokurzorja.cur), default;
Med oklepaja vpišite pot do vašega kurzorja. Default za vejico je tukaj za to, če vaša pot ni pravilna.

HTML & CSS koda:

<html>
<head>
<style type="text/css">

body { cursor: url(kurzor.cur), default; }

</style>
</head>
<body>
Besedilo
</body>
</html>


PRIKAZ posebnega kurzorja

*V Firefoxu deluje le nad vsebino strani.


Zaključek: Kurzor oz. miškin kazalec je zanimiva popestritev za vašo spletno stran, toda večini ljudi gredo posebni kurzorji na živce, zato z njimi ne pretiravajte. Več izveste še pri vodiču o izdelavi lastnega kurzorja.

 


Komentiraj:
Ime
E-mail
Spletna stran

!joomlacomment 4.0 Copyright (C) 2009 Compojoom.com . All rights reserved."

 
Sorodni vodiči

Moje-Mesto.com

Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.

 

Facebook oglaševanje

Izdelava spletnih strani

Ustvari.si

Nescafé, Čokolada

Follow us on Twitter
Follow us on Twitter
Follow us on Twitter

Oglasi