Home » Ultilitários » Cursores diferentes no link
Para modificar a forma do cursor quando o visitante passar o mouse por cima de algum link, coloque o código abaixo entre as tags
<head> e </head> da sua página.
<style>a{ modelo de cursor }</style>
Ex: <style> a{ cursor: crosshair; } </style>
| CURSOR: |
EXEMPLO: |
| auto |
coloque
o cursor aqui |
| crosshair |
coloque
o cursor aqui |
| default |
coloque o cursor aqui |
| hand |
coloque o cursor aqui |
| move |
coloque
o cursor aqui |
| text |
coloque
o cursor aqui |
| wait |
coloque
o cursor aqui |
| help |
coloque
o cursor aqui |
| e-resize |
coloque
o cursor aqui |
| ne-resize |
coloque
o cursor aqui |
| n-resize |
coloque
o cursor aqui |
| nw-resize |
coloque
o cursor aqui |
| w-resize |
coloque
o cursor aqui |
| sw-resize |
coloque
o cursor aqui |
| s-resize |
coloque
o cursor aqui |
| se-resize |
coloque
o cursor aqui |
| progress |
coloque
o cursor aqui |
| not-allowed |
coloque
o cursor aqui |
| no-drop |
coloque
o cursor aqui |
| vertical-text |
coloque
o cursor aqui |
| all-scroll |
coloque
o cursor aqui |
| col-resize |
coloque
o cursor aqui |
| row-resize |
coloque
o cursor aqui |