By: Have Things |
Hi Guys ! O/
Nossa agora com o cabeçalho de modo normal to feliz.
Bom tem já um tempinho que tinha que postar este tuto mas, então como lembrei tudo direitim decidi fazer ele agora.É um que a Oak Chan já tinha me pedido que é o um Tuto que ensina a colocar um footer igual ao do PE, mas então vou aproveitar e postar 3 tipos de footer.
O primeiro que irei ensinar é o que a @OakChan pediu, que é o igual aqui do PE, ele eu aprendi no CD
1° Tipo
Bom tem já um tempinho que tinha que postar este tuto mas, então como lembrei tudo direitim decidi fazer ele agora.É um que a Oak Chan já tinha me pedido que é o um Tuto que ensina a colocar um footer igual ao do PE, mas então vou aproveitar e postar 3 tipos de footer.
O primeiro que irei ensinar é o que a @OakChan pediu, que é o igual aqui do PE, ele eu aprendi no CD
1° Tipo
Tecle Ctrl+F ou F3 e procure por :
.post-footer {
Você irá achar isto:
.post-footer {
margin: .5em 0;
line-height: 1.6;
}
Substitua o código acima por este:
.post-footer-line-1, .post-footer-line-2 {
border-bottom: 1px solid #EEEEEE; /* cor, espessura e tipo da borda */
background: transparent; /* fundo do rodapé */
color: #666666; /* cor do texto */
font-family: Arial; /* fonte do texto */
font-size: 11px; /* tamanho da fonte */
margin: 2px 0; /* margem entre uma linha e outra, não altere */
padding: 1px 1px; /* espaço entre texto e margens, não altere */
text-transform: uppercase; /* transformação do texto */
word-spacing: .2em; /* espaço entre palavras */
text-align: center; /* alinhamento do texto */
}
Agora o 2° e o 3° Footer aprendi no IIRTW então créditos pra Sagwa
2° Tipo
E por fim o 3° tipo:
Procure por ]]></b:skin> e acima dele cole:
.post-footer-line-1{
border-bottom: 1px solid #b1afa9;
font-size:10px;
}
.post-footer-line-2{
border-bottom: 1px solid #b1afa9;
font-size:10px;
}
No seu Html procure por .post-footer { abaixo dele cole
background-color: #f8f7f7;
padding: 13px;
margin-bottom: 18px;
margin-left: -35px;
margin-right: -35px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 2px 0px 5px #ece3b1;
ainda no html procure por ]]></b:skin> e cole acima dele :
.post-footer-line-1{Prontinho, espero que tenham gostado.
font-size:12px;
color: #070707;
}
.post-footer-line-2{
font-size:12px;
color: #070707;
}
To afim de fazer uns goodies mas preciso saber o que vocês querem.
Já postei muito o que EU queria, mas e vocês?
podem falar :
Kissu
Adorei os modelinhos!!
ResponderExcluirpqngarota.tk
^^ que bom
ExcluirAAAAAAAAAAAAAAH! Mds ameeei o 1 favoritei esse post pra usar no meu próximo lay eu sempre procurava mas nunca achava finalmente alguém ouviu minha mente! HSUAHSUA' Amei o post Amora
ResponderExcluirTime-html.blogspot.com
nnnhaaacc que bom que gostou *W*
Excluirsahushuahs
Que Lindinhos, eu uso a ultima no meu blog ;P
ResponderExcluirMuito Legal!
Bjoos
sweet-divertido.blogspot.com
*w* elaa é realmente delicada ><
ExcluirThanks
chu~♥
Nossa, Nick, te amo, sério! Procurei taaaaaaaaanto o terceiro modelo, acho ele tão lindinho, obrigada mesmo! Vou usar e seu post ta mais que favoritado! E de nada flor, estarei à disposição sempre que eu puder ^^
ResponderExcluirDesculpa não ter passado aqui antes, tô com problema no mouse e no teclado, to no note da mamis -.- Mas seu cabeçalho tá bem mais bonito que o antigo <3
Beijos
Too Kawaii
Owwwnnn Thanks >.<'ele é realmente fofo....
Excluir*--*
Sem problemas, eu também estava meio que com dificuldades em visitar outros Blogs, por causa daquele problema com o cabeçalho...
Chu~♥ arigato
adorei os modelos flor, sao muito lindos mesmo e o tuto parece bem facil..
ResponderExcluirAhhh e o seu cabeçalho aqui do blog ficou perfect *-*
Beijoo e parabens viu? :D
http://iam-a-broken-rose.blogspot.pt/
Que bom que gostou...Realmente é facil...
ExcluirThanks, fico feliz que muitos gostaram *--*
*oooooooo*
Obvio que muitos iriam gostar, são mesmo muito bonitos :)
ExcluirBeijoo flor*
>.<'
ExcluirAwn adorei muuito fofos *--* todos..
ResponderExcluirValeu Oak *w*
ExcluirAnwww, que perfeeitos *OO* ~ Amei o primeiro e o segundo ^^
ResponderExcluirKissus ♥ ~
mikicandy.blogspot.com
*---* Arigato Miki *---*
ExcluirChu ~♥
Adorei obg amr :3
Excluirhttp://hearttutoriais.blogspot.com
Este comentário foi removido pelo autor.
ResponderExcluir