Olá gente,
Hoje trouxe um tutorial muito legal que deixa seu blog com uma cara super melhor :) mais antes de tudo quero dizer que só funciona com o modelo travel // viagem
é de como deixar seus gadgets separados e trouxe também dois estilos de gadgets que ficam bem bonitos vamos conferir o tutorial?
Primeiro de tudo, vá em seu HTML e procure por:
/* Widgets
Vai aparecer mais ou menos isso:
/* Widgets----------------------------------------------- */.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}
Antes de } cole:
background: #f7f7f7;
Feito isso, se você quiser diferenciar seu gadget tenho dois modelos como prometido:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgawroXgww4pi-trsjI0r671h3AZs0tu2i9w6hd6FhhbR9aGJrUKJ3GeIUV0SLf1LYi8Tehy_kxMUFgbDE0wOe_2sRLvyqnCARrJWV2mgBIckejxp3rOYDRXy0I_6gHNGhkeM9hVrY2v-dJ/s640/1.png)
Para ficar igual o da imagem acima cole:
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvWg0cYJGzFtADU1KSmsP0DczKhpXdtNwbrAP6xs1aVCBM1g4XsCohcnIysdTd5G1zMCTftcknknw9Q7rv0v8T9lQgULPuAKFGMAUAcAZqnG0IaZGBpT3-Lgri5ruxufQbwDAArOONAxTb/s640/2.png)
e se preferir assim como essa imagem, cole isso:
-webkit-border-bottom-right-radius: 40px;-moz-border-radius-bottomright: 40px;border-bottom-right-radius: 40px;
obs: colar quaisquer dos códigos escolhidos antes de } também ok?!
espero que tenham conseguido!
beijos!!!
beijos!!!
Esse tutorial é muito bom e necessário!
ResponderExcluircandy-grape
verdade, muda o blog da água pro vinho né
ExcluirEsse tuto é muuito util!
ResponderExcluirconnectadus.blogspot.com
:) vdd
ExcluirO modelo do meu blog é esse mas não funciona :/
ResponderExcluirConsegui, tinha que tirar o fundo branco e eu não achava!
ResponderExcluirobrigada ;)