Image Map

30 de jan. de 2013

Personalizando o cursor

Tumblr_mg5lxdnsad1rv83roo1_500_large

Eu usava esse efeito no meu outro blog, basicamente é: você está com um cursor de joaninha, por exemplo, ai quando esse cursor passar por um link, ele se transforma magicamente em um cursor de flor. Quando sai de cima do link, ele volta a ser uma joaninha. Entenderam mais ou menos como é? Espero que sim, o tutorial é bem fácil.

1- Vá em Desing > Layout > Adicionar um Gadget > HTML/Javascript.

2- Dentro do gadget (HTML/Javascript), cole:
<style>
body {
cursor:url("URL DA IMAGEM 1 - CURSOR NORMAL"),default
}
/***efeito quando passa o mouse em link ***/
body a:hover {
cursor:url("URL DA IMAGEM 2 - CURSOR NO LINK"),pointer
}
</style>

3- Agora penas façam as alterações necessárias.

Espero que tenham gostado. Beijos!

2 comentários:

  1. Oi Giovanna seu blog é legal mais o desing é fraco e as pessoas nao tem muito aceesso a ele que que eu te ajude no layout ou divulgando??

    responda no meu blog:6adolescentes.blogspot.com

    ResponderExcluir
  2. adorei!

    Veja>>http://euamotutoriais.blogspot.com.br/

    ResponderExcluir