Cursor

adriel · Julho 5, 2003

Aew beleza? Tpw qual é o codigo pra muda o cursor do mouse??

flwz!

AnaoScript · Julho 5, 2003

Ae é

<style>

body{

cursor: crosshair

}

</style>

esse html contem uma lista de cursor

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>The God Vini - Java Script - Menu </title>

</head>

<tr>

<table border="0" borderColorDark="#1e90ff"

borderColorLight="#1e90ff" cellPadding="1" cellSpacing="1" width="100%"

bordercolor="#1e90ff">

<TBODY>

<tr>

<td style="CURSOR: auto">cursor:

auto;</td>

<td>Normal</td>

</tr>

<tr>

<td style="CURSOR: crosshair">cursor:

crosshair;</td>

<td>Para precisão; posicionamento</td>

</tr>

<tr>

<td style="CURSOR: default">cursor:

default;</td>

<td>O Padrão do sistema, geralmente uma seta</td>

</tr>

<tr>

<td style="CURSOR: hand">cursor:

hand;</td>

<td>Um objeto clicável</td>

</tr>

<tr>

<td style="CURSOR: move">cursor:

move;</td>

<td>Um objeto móvel</td>

</tr>

<tr>

<td style="CURSOR: text">cursor:

text;</td>

<td>Selecionar ou editar um texto</td>

</tr>

<tr>

<td style="CURSOR: wait">cursor:

wait;</td>

<td>O hour glasse para para mostrar que o sistema está ocupado</td>

</tr>

<tr>

<td style="CURSOR: help">cursor:

help;</td>

<td>Ajuda</td>

</tr>

<tr>

<td style="CURSOR: e-resize">cursor:

e-resize;</td>

<td>Direita</td>

</tr>

<tr>

<td style="CURSOR: ne-resize">cursor:

ne-resize;</td>

<td>Diagonal Norte - Leste</td>

</tr>

<tr>

<td style="CURSOR: n-resize">cursor:

n-resize;</td>

<td>Norte</td>

</tr>

<tr>

<td style="CURSOR: nw-resize">cursor:

nw-resize;</td>

<td>Diagonal Norte - Oeste</td>

</tr>

<tr>

<td style="CURSOR: w-resize">cursor:

w-resize;</td>

<td>Esquerda</td>

</tr>

<tr>

<td style="CURSOR: sw-resize">cursor:

sw-resize;</td>

<td>Diagonal Sul - Oeste</td>

</tr>

<tr>

<td style="CURSOR: s-resize">cursor:

s-resize;</td>

</tr>

<tr>

<td style="CURSOR: se-resize">cursor:

se-resize;</td>

<td>Diagonal Sul - Leste</td>

</tr>

</TBODY>

</table>

<div align=center> Estes atributos de cursores fazem parte do CSS

(Cascading Style Sheets) portanto, devem ser usados dentro da tag <style> e </style>. Os efeitos funcionam em links.

Abaixo você tem o código, basta você trocar a parte em negrito pelo código do mouse.

<!--

a { cursor : se-resize; }

//-->

</style>

COLOCANDO O CÓDIGO ACIMA O EFEITO SERÁ EM TODA A PÁGINA

</td>

</tr>

</table>

USANDO O CÓDIGO ABAIXO CADA UM DELES TERÁ UM VALOR INDIVIDUAL

PARA USAR EM FIGURAS

<!-EM FIGURAS->

PARA USAR EM LINKS

<!-EM LINKS->

</div>

</body>

</html>

Dark_Eyes · Julho 9, 2003

Esse código ae ó:

<STYLE>

<!--

a{cursor:crosshair}

A:link {font-size: 10pt; color: red; text-decoration: none; font-weight: normal; font-family: Ms Sans Serif;}

A:visited {font-size: 10pt; color: red; text-decoration: none; font-weight: normal; font-family: Ms Sans Serif;}

A:hover {font-size: 10pt; color:ff0000; text-decoration: none; font-weight: bold; font-family: Ms Sans Serif;}

//-->

</STYLE>

falou...!

Pitanga · Julho 23, 2003

e se for um cursor personalizado???

como faço pra inserir em um site um cursor criado por mim?

allanlf · Julho 24, 2003

Pitanga,

Posso lhe enviar o código de uma figura (você escolhe uma figura ) que vai seguindo o mouse, ou de um texto (que você edita) que segue o mouse, ou ainda de algumas estrelinha rodando em volta do mouse..

qualquer coisa_ allanlf@ligbr.com.br

Pitanga · Julho 24, 2003

não é bem isso que eu quero, qr mm é um cursor vermelho no meu site!

Avalon35 · Julho 24, 2003

e se for um cursor personalizado???
como faço pra inserir em um site um cursor criado por mim?

;) Se o cursor for personalizado faz assim:

<head>
<style><!-- 
BODY{CURSOR:url
(http://www.endereço de onde está o cursor);}
--> </style>

</head>

[]s

Avalon

Entrar

Cursor

Pergunta

adriel

Link para o comentário

Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

AnaoScript

Link para o comentário

Compartilhar em outros sites

Dark_Eyes

Link para o comentário

Compartilhar em outros sites

Pitanga

Link para o comentário

Compartilhar em outros sites

allanlf

Link para o comentário

Compartilhar em outros sites

Pitanga

Link para o comentário

Compartilhar em outros sites

Avalon35

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades