Hey my little monsters
Hoje, com o 3º post do blog, e o segundo tutorial, vou ensinar como separar e arredondar os gadgets, é um tutorial bem fácil, e é rapidinho!
Então, vamos lá!
Entre na HTML do seu blog, de um CTRL+F e pesquise /* Widgets
Você vai achar isso:
/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}
Antes da ultima chave, adicione background: #ffffff;
Se quiser o fundo de outra cor, troque o FFFFFF por o codigo de sua cor! entre nessa tabela
Você ja semparou, agora se quiser quadrado, salve e ja esta pronto, se queiser arredondar, não para por ai!
Ainda, antes de fechar a chave, coloque depois do codigo que adicionamos isso:
-webkit-border-radius: 10px
-moz-border-radius: 10px;
border-radius: 10px;
Vai ficar arredondado, se quiser mais arredondado, troque os 3 '10' por números mais altos, e vice-e-versa.
é só isso, simples e proto!
Qualquer duvida comente!
Amei o tuto, acho bem útil, vejo que é nova na Blogosfera, então seja bem-vinda ao mundo Blogger, vai se divertir muito.
ResponderExcluirSeu Blog é lindooo, esse Lay é demais
Seguindo aqui.
rafasinha.blogspot.com.br/
Beijos :3
Brigada *-* Adorei seu blog! muito lindo!
Excluirnossa , seu blog é lindo parabéns seguindo aqui
ResponderExcluirbeautifulworldoficial.blogspot.com.br
Obrigada :3
ExcluirSeu layout muito lindo adorei!!
Adorei a ideia , e amei o blog :B
ResponderExcluirhttp://filhotedeunicornio.blogspot.com.br/
Brigada *-*
Excluirquando eu falei ideia seria a ideia do blog okaay?! depois que eu li o comentário percebi que estava estranho xDD
ResponderExcluirOk! entendi... adorei seu blog, adoro blog sobre make, mais voltado para pessoa do que para o blog! lindo!
Excluir