28 dezembro 2012

Tutorial: Personalizar Post Footer #1

Haha acabei de ver esse ep *w*

Yoooo minna-san \o/
Como estão? ^^
Eu não postei ultimamente, mas vou explicar o porquê. u.u
Tava vendo anime *-*
Em dois dias consegui terminar 3 animes, e hoje vou terminar Tonari *w*
To tão feliz >.<
Mas como eu não consegui baixar o ep que vou ver agora, e como minha net ta lerda pra carregar o video, vim aqui postar um tutorial para vocês ^^

Bem, vou mostrar como personalizar o Post Footer (essa parte onde fica "Postado por..." e "Marcadores..." e etc.)

Creditos: Rose of pain
Let's go!




Vá em Modelo > Editar HTML > e procure por:  ]]></b:skin>

Acima desse código que você acabou de achar cole:

.post-footer {
background: #F1F1F1;border: 1px solid #cccccc;padding: 3px;
margin-bottom: 15px;
margin-left: -5px;
margin-right: -5px;
box-shadow: 1px 1px 0px #cccccc;}

Modifique as cores como achar melhor ^^ (tabela)

Abaixo desse código que você acabou de colar, cole:

.post-footer-line-1{
border-bottom: 1px solid #9B1313; /* Estilo da borda */
font-size:13px;
}
.post-footer-line-1:hover{
border-bottom: 1px dashed #FFC0CB;
}
.post-footer-line-2{
border-bottom: 1px solid #FF5D91; /* Estilo da borda */
font-size:13px;
}
.post-footer-line-2:hover{
border-bottom: 1px dashed #9B1313;
}

Nessa parte do código você definira as bordas normais e em hover e o tamanho das letras.

E fim!
Espero que tenha ajudado ^^
Qualquer duvida, comentem ;)

Kissus >.<
~Tonari aqui vou eu!!!~

Nenhum comentário:

Postar um comentário