23/09/2012

Como personalizar o post footer (rodapé) da postagem?

Tumblr_m2e0pxkhbs1qfcxpoo1_500_large

É bem simples e, rápido.



Modelo > editar Html > pressione as teclas Ctrl+F e pesquise por 
.post-footer { 

você poderá encontra-lo assim:
.post-footer {
  margin: .5em 0;
  line-height: 1.8;
}

apague o que marquei de roxo

Modelo 1:
.post-footer {
background-color:#00C5CD
border-top:1px dotted #CCCCCC; 
color:#000000; 
font:italic 12px/1.4em georgia; 
letter-spacing:1px; 
margin:0.75em 0; 
padding:5px 8px; 
text-transform:none; 
}  
.post-footer a{ 
color:#FF0000
background-color:#FFCC00
text-decoration:; 
font-weight: ; 
}
vermelho cor do fundo
roxo cor da fonte
laranja cor do fundo em relação a fonte
*A cada alteração visualize 

Modelo 2:



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;
*A cada alteração visualize
Modelo 3:


.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";
*A cada alteração visualize

• tabela de cores: www



4 comentários:

  1. Esse tutorial é ótimo *---*
    Fica bem mais legal a aparência do nosso blog!

    * PRINCESA CRISTÃ // OFICIAL *

    ResponderExcluir
  2. Flor vou confessar que não levo muito jeito para essas coisas não rsrsrsr
    Mas vou tentar fazer, amei o post
    Ah tem perguntinhas para vc lá no meu blog, espero que goste
    Beijos
    miilecharmedemeniina.blogspot.com

    ResponderExcluir
  3. Que blog lindo, cheio de conteúdo, seguindo aqui lógico *-*
    http://fazdecontatxt.blogspot.com.br

    ResponderExcluir
  4. Já conheço o tuto e fica bem legal, mas o meu é em cima ou seja é um post top e não footer. kk
    República Crash

    ResponderExcluir

Olá! Obrigada pela sua visita e comentário. Só peço que não venha com palavras de baixo calão!

Agradeço, desde já!♥