O efeito PushButton é um efeito que se aplica a um elemento simulando um botão pressionado. É o mesmo tipo de efeito que aparece quando clicamos em um botão, mas na verdade apenas estamos passando o cursor sobre ele.
Para inserir este efeito em seu blog você tem que ir a Design > Editar HTML, e procurar por:
]]></b:skin> e colar antes:
]]></b:skin> e colar antes:
.post img:hover {
position: relative;
top: 1px;
left: 1px;
}
O código acima faz com que o efeito PushButton se aplique em todas as imagens dos seus posts. Mas se você quer adicionar o PushButton em todas as imagens você deve substituir o código acima por:
img:hover {
position: relative;
top: 1px;
left: 1px;
}
Ainda há uma terceira opção que é adicionar apenas nas imagens selecionadas. Para isso você deve usar este código ao invés dos anteriores:
.pushbutton:hover {
position: relative;
top: 1px;
left: 1px;
}
Assim quando você for adicionar o PushButton em suas imagens deve usar este código:
Assim quando você for adicionar o PushButton em suas imagens deve usar este código:
<img class="pushbutton" src="URL da Imagem" />
Basta substituir onde diz URL da Imagem pelo endereço da sua imagem. Assim a imagem com o atributo terá o efeito e as demais não.
Caso você use outro efeito, como opacidade em imagens, você deve adicionar a classe da seguinte maneira:
<img class="pushbutton gradualfader" src="URL da Imagem" />
0 comentários:
Postar um comentário
Deixe seu comentário aqui
Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.