Na postagem "Mudar cursor do mouse no blog", apresentei uma forma para fazer esta mudança que apenas funciona no Internet Explorer. Agora, continuando a dar minhas futucadas na net, descobri este site que possibilita fazer essa troca que irá funcionar no IE, Firefox e no Google Chrome (não testei em outros navegadores). Mesmo assim, os cursores animados continuam a só funcionar no IE, nos outros navegadores se apresentam de forma estática.
Se você souber alguma dica sobre isto, me mande um alô. Ok?!
Quando entrar no site, selecione na coluna esquerda qual categoria, dê um clique no seu preferido, e observe que será apresentado duas opções de códigos. Na primeira opção o cursor aparecerá em todos os lugares. Na segunda, irá aparecer só quando o mouse passar sobre esses mesmos links. Clica aí na imagem e experimente.
Se você souber alguma dica sobre isto, me mande um alô. Ok?!
Quando entrar no site, selecione na coluna esquerda qual categoria, dê um clique no seu preferido, e observe que será apresentado duas opções de códigos. Na primeira opção o cursor aparecerá em todos os lugares. Na segunda, irá aparecer só quando o mouse passar sobre esses mesmos links. Clica aí na imagem e experimente.
Para colocar no seu blog, vá em: Personalizar, Layout, Adicionar um Gadget, HTML/JavaScript, e cole o código. Se você quiser tirar o banner que aparece na primeira opção, retire a parte em vermelho do código, como no exemplo aí abaixo.
<div align="center" style="z-index:9;visibility:visible;"> <a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Green Dark MySpace Cursors at www.totallyfreecursors.com" /></a> </div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/green-dark1.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/green-dark1.gif"), auto;}</style>
Experimente também o cursors-4u. Para retirar o banner, é só excluir a parte em vermelho do codigo abaixo, e inserir no seu blog como citado acima.
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur88.cur), progress;}</style> <a href="http://www.cursors-4u.com/" target="_blank" title="Cursors"><img src="http://cursors-4u.com/support.gif" border="0" alt="Free Cursors" style="position:absolute; top: 0px; right: 0px;" /></a>
