Oii Flores, venho aqui com mais um tutorial para vocês, de como personalizar a data do post, e o resultado fica lindo, é bem fácil, leva uns 3 minutinhos, mais prestem atenção, para não fazer errado hein, vamos lá.
Vá em Designs Editar HTML e procure por .main-inner h2.date-header {
E você vai achar um código parecido com esse:
.main-inner h2.date-header {
font: $(date.font);
color: $(date.text.color);
Cole o seguinte código, abaixo do trecho citado acima:
border: 1px dashed Coloque a cor da borda aqui ; ;
text-shadow: 1px 2px 1px Coloque a cor da sombra aqui;
Esse código dará sombra na data do post e terá bordas em volta da data, vamos entender como modificar
Aonde está marcado em rosa, é o tamanho da borda.Aonde está marcado em roxo é o tipo de borda que vai usar
A parte laranja e azul da segunda linha código são a distância da sombra em relação ao texto.A parte em amarelo é o tamanho da sombra.
Agora procure por font: $(widget.title.font);
E vai achar um código parecido com esse:
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
}
E abaixo da ultima linha cole o seguinte código:
background: Coloque a cor do fundo aqui
E vai ficar assim:
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
background: Coloque a cor do fundo aqui
}
Visualize e se estiver tudo certo, salve !, pronto !, haa e não se esqueçam de creditar tá ?
E participem do concurso que tá rolando aqui no blog em parceria com o blog Doce Imperfeição clicando aqui
Thau !
ooi, tudo bem amiga?
ResponderExcluirawwn você e uma fofa.
deve ficar lindoo o resultado :]
#Bezos Rawr -----> Bikoti.blogspot.com
awwn que fofa você amiga <3 te adoro ^^
ResponderExcluiros seus tbm arrasa.
#Bezos Rawr -----> Bikoti.blogspot.com
oooooooooooi :]
ResponderExcluirque lindo nossa adorei o tutorial, obrigada pelo carinho diwa *_*
#Bezos Rawr -----> Bikoti.blogspot.com
:] ooi tudo bem? que linda você *--*
ResponderExcluirte adorooooooooooooooooooooo <3
#Bezos Rawr -----> Bikoti.blogspot.com
otimo tutorial amg :]
ResponderExcluiramiga não esquece de participar do concurso valendo um més de destaque no Bikoti mais um selo <3 Não perca essa *-* clique ali e participe: http://bikoti.blogspot.com/2012/02/concurso-no-bikoti.html
#Bezos Rawr -----> Bikoti.blogspot.com
Super útil o post, ;)
ResponderExcluirBeijocas,
nossoglamour.blogspot.com
adorei o tutorial amiga parabéns, seu blog e lindo.
ResponderExcluiramiga não esquece de participar do concurso valendo um més de destaque no Bikoti mais um selo <3 Não perca essa *-* clique ali e participe: http://bikoti.blogspot.com/2012/02/concurso-no-bikoti.html
#Bezos Rawr -----> Bikoti.blogspot.com
Adorei o tutorial super maneiro *---* Beijos'
ResponderExcluirhttp://wwwgertiegirlcom.blogspot.com/
ooooooi :]
ResponderExcluirtd bem?
adorei o tutorial amg.
#Bezos Rawr -----> Bikoti.blogspot.com
Facinhu,ja sabia, mais da pra fazer muita coisa por ai ;)
ResponderExcluirpost novo la no blog
comenta?
www.tutoriar.com
Adorei o tutorial. Gostei muito do seu blog e já estou seguindo. Voltarei aqui mais vezes.
ResponderExcluirhttp://perfeitamenteteen.blogspot.com
Flor o tuto ta errado,tem um pequeno errinho no segundo codigo que a tag deve ser colocada antes da { senão nao da certo eu ja vi isso no meu html e fiquei desesperada que nao tava dando,coloquei dps da chave e deu certo aarruma isso ai!
ResponderExcluirBeijoos s2
http://blogteen-forever.blogspot.com
amei ajuda a divulgar no meu blog ♥ por favor http://dentrodamala-blog.blogspot.com.br/
ResponderExcluiradore o post
ResponderExcluirDivulga ou segue já sigo o blog por favor http://dentrodamala-blog.blogspot.com.br/
Adorei o tutorial, bem explicadinho ^^
ResponderExcluirBeijão ♥
plush-girl.blogspot.com