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!



Wow- Nova por aqui!

Hi! Oi gente, bom, me chamo Thainá, mas pode me chamar de Thaa. Sabe aquele dia que você acorda e diz: "Eu quero criar um blog!". Poizé... E ainda pensa: "Eu estou com um ótimo pressentimento sobre esse!"
É, foi isso que aconteceu no dia 30/11/12, a assim nasceu o The Smile! Um blog que aborda de tudo um pouco, moda , dicas, tutoriais e até utilitário!
Espero poder ajudar alguém e poder encontrar pessoas com quem eu possa compartilhar as mesmas idéias, expressar os mesmos sentimentos! Espero que curtam meu blog, será um prazer receber cada um de você!
E quero agradecer também por ler isso, e se dá ao trabalho de perder seu tempo... Ganhou minha amizade! Até a próxima pessoal!
Só pra avisar, caso alguém aí tenha problemas com o seu HTML, eu faço encomendas de layouts :)
Clique AQUI!