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:
Explicando:.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 #ffffftransition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;}
Background: #d3d3d3; =fundo do footer normalborder: 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!
Olá!
ResponderExcluirO e-mail do Amigo secreto já está no seu e-mail.
- beijos;
me-ilumine.blogspot
Ainda não entendi pra que serve isso de Post-Footer (sou meio lerdinha). Mas parece ser uma coisa útil e_e. Por favor me explica o que é um Post-Footer -q. Vou indo, beijos e tchau!
ResponderExcluircelestialtales/blogspot
Legal o tutorial :) . Ei ! O Zayn é meu marido ahah , sou directioner sim . Beijão
ResponderExcluirOlá, Tainá, estou seguindo.
ResponderExcluirDeus te abençoe e uma ótima semana.
Xêro ;)
xodo.blog.br
Adorei o tutorial! O resultado fica lindo demais *u*
ResponderExcluirVou tentar usar lá no blog!
Ah, e amei o seu cantinho, seguindo! Retribui?
Beijocas!
PiinkCookie.blogspot.com
Vou usar esse tutorial no blog... adorei ele :3!
ResponderExcluirhttp://tastysundae.blogspot.com
aWwwn , o tutorial é super util :3 ' seu blog é lindao, flor u_u
ResponderExcluirseguindo aqui c:
kawaii-expllosion.blogspot.com <~ visita?
Nova Leitora, Amei o Seu Blog, Pretendo Visita-Lo Muito :3
ResponderExcluirAdorei o tutorial, dá um charme especial no blog *u*
Vocês Aceitam Afiliação??? =^.~=
Beijos Feita de Rubis
Amei esse tuto , desculpa pela demora pra responder teu comentário viu !
ResponderExcluirBeijos teu blog é lindo ♥
http://sonhos-sinceros.blogspot.com.br/