Caminho de Navegação Css / Artigos / Personalizando o mouse em seu site

Css

 

Nenhuma avalição
Indique ao Ueba Indique ao BlogBlogs Indique ao Delicious Indique ao Technorati Indique ao Google Bookmarks Indique ao Newsgator
TAGS

Nenhuma tag foi definida ainda!

Defina as tags para esta página preenchendo o campo abaixo.

  • Máximo de 100 tags
  • Cada tag deve ter até 20 caracteres.
  • Separar as tags com virgula. Ex.: php, sql, html, xml, fireworks
COMENTAR

INDICAR
Nome do amigo: E-mail do amigo: Comentário:
REPORTAR ERRO Descreva o erro:

Personalizando o mouse em seu sitePostada em: 12/10/2005

Preceptor
Por: Preceptor Nº de Visualizações: 5952.



Com o CSS é possivel personalizar os icones de sua página, dando assim uma caracteristica unica ao seu site.

Veja abaixo alguns exemplos de icones para inserir em seu site.




style=\"cursor: default;\"


style=\"cursor: hand;\"


style=\"cursor: crosshair;\"


style=\"cursor: text;\"


style=\"cursor: wait;\"


style=\"cursor: help;\"


style=\"cursor: move;\"


style=\"cursor: progress;\"


style=\"cursor: not-allowed;\"

E finalmente como ter um icone personlizado



style=\"cursor: url(mycursor.cur);\"

Veja o exemplo completo
<style type="text/css">
body{
cursor: url(mycursor.cur)
}
</style>
 


Atenção somente arquivos .cur e .ani são visualizados pelo internet explorer.

Mais alguns exemplos super interessantes pra personalizar o mouse

Mostrando o icone da ajuda em uma area

<div style="cursor: move; width: 200px; height: 200px"></div>
<a href="help.htm" style="cursor: help;">Help</a>
 


3 Exemplo - Proibindo a seleção do conteudo da página

<body onSelectStart="this.style.cursor='not-allowed'; return false;"
onMouseup="this.style.cursor='default'">


É isso ai pessoal por hoje vamos ficando por aqui, qualqeur duvida.

Postem no fórum www.scriptfacil.com/forum ou me mande um e-mail

gilberto@midiaprata.com.br

abraço a todos