Personalizar o Post Footer

09 junho 2013

                                                            Tumblr
  Hi people!Tudo legal?
Cara eu só sei postar tutorial né? Fazer oque é o que tem pra hoje hehehe
Sabe oque é Post Footer? É onde fica quem postou , marcadores , comentários .... enfim
Quase sempre ele é tão sem gracesa né ? E é tão fácil de mudar , quer aprender ?
Então Let's Go !

Vá em Desing/modelo > Editar HTML > Ctrl+ F ou F3
e procure por :




                           .post-footer {

E você vai achar alguma coisa assim:


.post-footer {
  margin: .5em 0;
  line-height: 1.6;
}
Apague e no lugar cole o código que mais te agrada :




.post-footer {
background: #FFFFFF
color: #333333
border-left:1px dotted #8FC5CB
border-right:1px dotted #8FC5CB
border-bottom:1px dotted #8FC5CB;
border-top:1px dotted #8FC5CB
margin:0.73em 0;
padding:3px 3px; }



.post-footer {
background: #FFFFFF;
color: #333333;
border-left:3px solid #8FC5CB;
border-right:3px solid #8FC5CB;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0.73em 0;
padding:3px 3px;
}





.post-footer {
background: #FFFFFF;
color: #333333;
border-left:5px solid #8FC5CB;
margin:0.73em 0;
padding:3px 3px;
}
.post-footer:hover {
border-left:5px solid #333;
Onde está em roxo são as cores você pode mudar de acordo com o seu gosto Le~Tabela.Depois disso salve.
Créditos ao : Cherry Bubble

Agora esse é meio diferente :

Desing/modelo > Editar HTML > Ctrl+ F ou F3 e procure por:

]]></b:skin>


E ACIMA cole o código que mais gostou:


.post-footer-line-1{
border-bottom: 1px dotted #A3A2A2; /* Estilo da borda */
}
.post-footer-line-2{
border-bottom: 1px dotted #A3A2A2; /* Estilo da borda */
}



.post-footer-line-1{
border-top: 1px dotted #A3A2A2
border-bottom: 1px dotted # A3A2A2 ; /* Estilo da borda */
}
.post-footer-line-2{
border-bottom: 1px dotted # A3A2A2 ; /* Estilo da borda */
}


border: 1px dotted #A3A2A2;
background: #E6E1E3; /* Não se esqueça de colocar a cor do background que combine com o a cor do seu link e seu layout */
padding: 5px; 

Onde está de roxo mude pela cor que quiser Le~Tabela.Depois disso salve .
Créditos ao : Pink Pimenta

Espero ter ajudado .
Até a próxima.
Bye-Bye
Kisses >3<
Comentários
2 Comentários

2 comentários:

© Dilemas Indies - 2014. Todos os direitos reservados - Criado por: Bárbara Nascimento - Tecnologia do Blogger. imagem-logo