Dica: Personalize o menu do seu blog com efeitos "hover"

clique para ampliar

O menu que irei ensinar é o que está marcado de rosa. Igual a que estou usando aqui no blog  no PH♥. Vale lembrar que não sei se em todos os blogs a formatação é igual ao template que uso. Mas mesmo assim faça o teste :)

Leia Mais ►

Como personalizar o "Post-footer" da área das postagens?

Irei colocar dois efeitos. A visualização deles está nas imagens :)

Design - Editar Html - Ctrl+F e pesquise por:  .post-footer { assim que você irá visualizar duas linhas abaixo pois bem, apague-as.

.post-footer {

  margin: .5em 0;

  line-height: 1.8;

}

Algumas observações

roxo apague/substitua

• escolha apenas um código a seguir e substitua.

post-footer a{
color:#363636;
text-decoration:;
font-weight: ;
}
.post-footer a:hover{
color:#FFFFFF;
text-decoration:none;
background-color:#000000
}

Algumas observações:
vermelho fundo;
lilás cor da letra;
Visualize

Lembrando que ao passar o mouse o efeito "hover" desse código é uma transição colorida (arco-íris) por isso que não tirei o print. A visualização que você viu na imagem acima, é efeito "não hover" ou seja, esse efeito é sem passar o mouse.

.post-footer a{
color:#FF0080;
background-color: #F1A9A9;
text-decoration:bold;
-webkit-transition: color 0.7s ease-out;
-moz-transition:color 0.7s ease-out;
transition: color 0.7s ease-out;
}
.post-footer a:hover{
background-color: #F1A9A9;
color: #FBD400;
text-decoration:bold;
filtrer:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

Algumas observações:
rosa cor da fonte;
preto fundo dos links;
bold negrito caso não queira mude para "none";
Visualize

tabela de cores: [www] e este [www]

Fonte do segundo códido por: [www]
Depois trago para vocês e mais e mais efeitos :) 

Leia Mais ►

Como visualizar um blogger com "Permissão Negada"

Lembramos de visitar aquele blog que não vemos há um tempo. Ou até mesmo que vemos no nosso cotidiano e puf! O blog está com aviso de "Permissão Negada" Xii ... Daí entra o desespero hahaha mas calma! Isso tem uma pequena solução de "apenas visualiza-lo". Vamos lá?

exemplo

Leia Mais ►

Personalizando os styles das suas redes sociais♥

http://leticiaacastro.tumblr.com/

Que tal deixar o seu facebook, tumblr, YouTube ou até mesmo o Navegador da Google a sua cara? Vale lembrar que só funcionará nos navegadores Google Chrome♥ e Firefox. E você deverá verificar se tem o Stylish instalado em seu PC. Caso você não tenha faça os seguintes downloads: 

•Stylish Chrome [www]

•Stylish Firefox [www]

*Após o download do Stylish do Chrome automaticamente será atualizado na barra das extensões.


Feito o download o resto fica por sua conta de como instalar os estilos. :)

A seguir será de como instalar em seu tumblr. Caso esteja interessa(o) já esteja logado para ter facilidade.

Leia Mais ►