Oii minhas batatinhas rufles, como vão ? eu vou bem, trouxe mais um tutorial para vocês, eu vou ensinar a vocês como deixar a aréa dos textos dos post coloridas, é bem fácil e rápido, vamos lá
Vá em Design Editar HTML e procure por .post-body { e você vai achar algo parecido com isso:
.post-body {
line-height: 1.4;
position: relative;
}
E logo abaixo da ultima linha cole o seguinte código:
border: 1px dashed Coloque o código da cor da borda aqui; ;
background: Coloque a cor do fundo aqui
Agora vamos entender, o que está grifado em laranja, e o tamanho da borda, aumente o número para a borda ficar maior. O que está grifado em roxo, é o estilo da borda.
E vai ficar assim:
.post-body {
line-height: 1.4;
position: relative;
border: 1px dashed Coloque o código da cor da borda aqui; ;
background: Coloque a cor do fundo aqui
}
E você pode fazer vários estilos, e colocar bordas arredondadas ou personalizadas, aqui em baixo tem modelos comas bordas prontas:
Esse é com bordas arrendondas e quadradas:
.post-body {
line-height: 1.4;
position: relative;
border: 1px dashed Coloque o código da cor da borda aqui; ;
-webkit-border-top-right-radius: 20px;-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
background: Coloque a cor do fundo aqui
}
E essa é com as bordas arredondadas:
.post-body {
line-height: 1.4;
position: relative;
border: 1px dashed Coloque o código da cor da borda aqui; ;
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
background: Coloque a cor do fundo aqui
}
Vizualize e se estiver tudo certo, salve !, haa e não se esqueçam de acreditar !
Thau !
aa conheço esse tuto
ResponderExcluiré mega útil :D
Beeijos,
http://blogportalteen.blogspot.com
Não conhecia, super útil :D
ResponderExcluirwww.viverserfeliz-renata.blogspot.com
Muito fácil ne ? Vou tentar fazer, espero que fique legal
ResponderExcluirhttp://www.perfeitinhablog.com/
http://thaisr-encomendas.blogspot.com/
Você ganhou o mini concurso do extras 4 you :)
ResponderExcluirAinda não conhecia esse tutorial, adorei mesmo e o melhor é que é super fácil mesmo, Beijos' http://wwwgertiegirlcom.blogspot.com/
ResponderExcluirtem selinho pra vc la no blog
ResponderExcluirhttp://lltudoaver.blogspot.com
Jessie, pode partcipar sim quem não tem facebook, o facebook é opcional :D
ResponderExcluirLegal esse tutorial :) Valeu a dica ;) rs
ResponderExcluirBjos
http://dropsparadise.blogspot.com
Muito útil o tuto, não conhecia rs. Bem prático ;* XOXO charmenaveia.blogspot.com
ResponderExcluirótiimo tutorial é muito util esse (:
ResponderExcluirGosta de ler? Sim, então não deixe de participar do sorteio que esta rolando no GN, e ainda mais nao custa participar né!
http://garotoonerd.blogspot.com/2012/03/sorteio-garoto-nerd-spazio-dm.html
Tutorial muito bom *-*
ResponderExcluirhttp://perfeitateen.blogspot.com/
Amei a dica! :D
ResponderExcluirAdorei o blog e quero saber todas as novidades! Já estou seguindo. Espero que curta o meu!
http://www.pronomeinterrogativo.com
Muito bom mesmo o tutorial, fica legal, diferente. (:
ResponderExcluirSeu blog é uma fofura, achei ele lindinho.
Estou seguindo, se gostar segue de volta?
Burnny
o tuto é mega util, adorei :)
ResponderExcluirBjs,
bnascimentooo.tk
Muito bom o tuto, acho que fica muito lindinho *o*
ResponderExcluirBeijos, fashionwithstyle.tk
Ah, adorei! Já fazia um tempo que eu tava querendo fazer isso *-*
ResponderExcluirValeu a dica :D
Beijo
http://semquerermeintrometer.blogspot.com/
flor tem post novo no meu blog
ResponderExcluirhttp://www.perfeitinhablog.com/
http://thaisr-encomendas.blogspot.com/
Pode sim participar se não tiver face.
ResponderExcluirhttp://www.perfeitinhablog.com/
http://thaisr-encomendas.blogspot.com/
adorei, o tuto.
ResponderExcluir#Bezos Rawr -----> Bikoti.blogspot.com
Show o tutorial! :D . to seguindo.
ResponderExcluirMiquéias Hudson
http://tourdoestilo.blogspot.com/
Ótimo tutorial.
ResponderExcluirhttp://perfeitamenteteen.blogspot.com
*-* adogo tutoriais, amei esse.
ResponderExcluir#Bezos Rawr -----> Bikoti.blogspot.com
Amei o tutu *-* Muito legal!!
ResponderExcluirOk flor, estou esperando o post com a tag, hein?! rsrs...
Beijos, Lili - Blogdatalitaa.blogspot.com
Oi *-* brigada pela visitinha lá no blog, volte sempre, sempre tem post novo (:
ResponderExcluirhttp://garotadoolharsincero.blogspot.com
Eu não sabia desse tuto, mais não coloco pq o fundo muito colorido atrapalha ler :/
confere meu post novo ?
ResponderExcluirhttp://www.perfeitinhablog.com/
http://thaisr-encomendas.blogspot.com/
oi flor, aceito parceria sim ^^
ResponderExcluirJá coloquei seu link, me avisa quando colocar tbm
beijinhos ♥
semodoss.blogspot.com
Adorei o tutorial *--*
ResponderExcluirAdolecentro
Amei o tutorial, valeu a dica Flor
ResponderExcluirwww.dicasdegarota.com
beijo
Passando pra agradecer o comentário. Quando tiver post novo avisa lá. Kisses.
ResponderExcluirBurnny