Tutoriais CSS Juju

Mudando cursor do blog
Como fazer Menu Hover

Como fazer Menu Hover Anônimo

Yoh pessoal td bem ? Então vamos começar esse tuto. Vou ensinar como fazer menu hover, pra quem não sabe oque é isso é um efeito que quando passamos o cursor(mouse) em cima de imagens,links e etc, ele muda de cor.


Primeiro vá em: Design>Editar HTML e procure por :


]]></b:skin>


Copie o código abaixo e cole depois da tag acima:

<style>


a.menu{
width:250px;
height:30px;
background: url(URL DO BOTÃO ANTES DE PASSA O MOUSE) no-repeat; 
display:block;
padding-left:0px;
border-left:0px solid #333333;
border-bottom:0px solid #BBBBBB;
font-weight:bold;
line-height:175%; }


a.menu:hover{
background: url(URL DO BOTÃO COM O MOUSE EM CIMA) no-repeat;
display:block;
padding-left:0;
border-left:0px solid #333333;
border-bottom:0px solid #bbbbbb;
color:#161616; }


</style>

Depois disto edite as propriedades abaixo:

Width: Largura da sua imagem
Height: Altura da sua imagen
background: url(URL DO BOTÃO ANTES DE PASSAR O MOUSE) no-repeat;
E para posicionar o menu mexer no 

padding-left.

Depois disto salve, vá em Editar Html, crie um novo Gadget Html/JavaScript e cole o código abaixo:

<a class="menu" href="exemplo.com">Exemplo</a>

Depois só mudar o "Exemplo.com" e o "Exemplo"

Qualquer duvida só deixar um comentário que estarei respondendo.

Mudando cursor do blogger Juju

Cursor para quem não sabe é a seta do mouse que aparece no site, para quem quiser edita-la e deixar ela com a cara do seu site siga as orientações abaixo:

1 - Vá em Editar HTML
2 - Procure pela tag ]]></b:skin>
3 - Acima da tag cole o seguinte código:

body, a {cursor: url(LINK DO CURSOR), progress;}

4 - Caso queira mudar também quando o cursor passar em cima de um link coloque assim:

body, a {cursor: url(LINK DO CURSOR), progress;}a:hover {cursor: url(LINK DO CURSOR), progress;}