30 dezembro 2012

Tutorial: Personalizar Post Footer #2

A primeira fase do "Vamos criar uma fanfic juntos?" já acabou ^^ a segunda etapa sera colocada ainda hoje o/

Yoo minna-san O(≧∇≦)O
Como estão? =3
Eu não to muito bem, a internet não me deixar ver o episodio sete da segunda temporada de Hakuouki. E eu acordei as nove horas da manhã só pra isso ;-; Só porque a historia ta ficando mais emocionante... Eu chorei no ultimo episodio que vi, agora to preocupada com o Saito-san ;-;
Acho que isso é um aviso, tá na hora de trabalhar um pouco...
Por isso dessa vez eu trouce um tutorial que eu roubei da Haley-chan /o/ Mentira tá aqui os créditos: Yume Sekai
Bem, esse é o segundo tutorial ensinando como personalizar o post footer o/

Let's go!



Vá em Modelo > Editar HTML > e procure por: .post-footer {
Será mais ou menos assim:

.post-footer {
  margin: .5em 0;
  line-height: 1.6;
}
Agora apague essa parte e substitua por essa:

.post-footer {
background: #F2F2F2;
border-radius: 5px;
box-shadow: 0 0 7px #969696;
color:#ffff;
font:Verdana, Geneva, Arial, Helvetica, sans-serif !important;
font-size: 12px;
letter-spacing:1px;
margin:0.73em 0;
padding:5px 8px;
text-transform:none;
}
.post-footer a{
color:#000;
text-decoration:;
font-weight: ;
}
.post-footer a:hover{
color:#666;
text-decoration:none;
background-color:;
}
.comment-link {
margin-left:17px;
magin-top:500px;
color: #ccc;
background-color: #F2F2F2;
}

Bem, o código é esse ^^
As partes destacadas são os códigos de cores, altere como achar melhor.

Qualquer duvida, falem =P

Kissus ~

Um comentário:

  1. Muito bom o tutorial gostei ^^ Nossa seu layout é megaa perfeito *o* Xonei :P E o conteúdo de seu blog também :D Visita la meu blog? Se gostar poderia seguir? Já estou seguindo o seu ^^
    http://pantherpinkandblue.blogspot.com.br/
    ;**

    ResponderExcluir