Tutorial - Personalizar o seu Post-Footer!

Meu Maridoo *-*

Oie gente! Bom esse é meu primeiro post no TS, resolvi postar um tutorial!

Como o título já diz, é de como personalizar seu Post-Footer, um recurso que o próprio blog não oferece!

O efeito é esse:

Esse tutorial foi usado no Sweet Candy, um blog que eu estou fazendo o layout de Natal!

Emfim, código encotrado aqui, mais eu fiz algumas modificações, inclusive trasnformei em hover.

Modelo>Editar HTML> Ctrol F:

Procure por:

/* Posts

E depois daqueles tracinhos, cole:

.post-footer {

margin: 3px;

paddindg: 5px;

background: #d3d3d3;

border: 1px solid #fffff

-webit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;

}

.post-footer:hover{

background: #d3d3d3;

border: 1px solid #fffff

transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;

}

Explicando:

Background: #d3d3d3; =fundo do footer normal

border: 1px solid #ffffff; =Cor da borda, se não quiser borda, simplesmente reire essa parte do código, mas se quiser, pode trocar por dotted, dashed ou double.

transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s; = É o tempo que vai demorar para passar do estado normal para o hover.

Depois de .post-footer:hover{ , edite tudo que quer que fique no hover-(Naaaaaaao?!)

Caso tenham dúvida quanto as cores em HTML, aí vai uma tabela!

Emfim, espero que eu tenha ajudado alguem aí, rsrs!

Beijão e até a próxima!