Post-footer da postagem personalizado


Olá amores ~ Eu deixei essa postagem pronta desde ontem porque achei que a Helena não iria postar mas dai quando eu atualizei pela última vez antes de publicar, vi que ela postou por isso tomei liberdade de programar mesmo que hoje seja o dia da Vaáh, espero que ela não me bata por isso mas quis atualizar o blog já que a única pessoa que posta raramente sou eu, que ironicamente sou a dona do Tea With Cake ~

Bem, eu recebi um pedido na minha ask em relação ao post-footer das postagens no último layout free, o Touch Of Magic, que foi elaborado por mim e pela Helena. Conversei com ela e juntas conseguimos o tutorial pedido na ask. Estava no anônimo então não sei quem mandou mas se estiver lendo o post me avise ~ Para visualizar como ficará é só ir na preview do layout: aqui. Continuem lendo filhotinhos da Deby!

1- Procure por post-footer e encontrará algo como:
.post-footer {
  margin: .5em 0;
  line-height: 1.6;
}
2- Substitua essa tag (desde .post-footer até o }) por:

 .post-footer { -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #f9f9f9;
color: #a7b1ba; margin-bottom: -10px;
font-family: arial; text-transform: uppercase;
font-size: 9px; text-shadow: 1px 1px 1px #fff; box-shadow: 0 0 1px #ccc;
padding:5px; padding-left: 6px; padding-bottom: 3px;}
.post-footer a{ text-transform: uppercase;
color: #a7b1ba; transition: all 0.5s ease;
text-decoration: none;}

3- Cores ficam por conta de vocês, editem conforme a paleta de cores de vossos layouts. 

5 comentários: