O tutorial de hoje dá um efeito bem fofo na sidebar do blogger, eu uso a sidebar 'separada' mais até com ela única, fica bonito e separa os gadgets.
Eu (acho que não é só eu u.u) sempre achei desnecessário no design do modelo, lá na aba da sidebar aquela 'moldura', mais sabendo-a usar ela deixa o seu blog, ainda mais bonito e fofo, vamos aprender?
1) Vá em design > design do modelo > aba avançado > plano de fundo da barra lateral > cor da moldura e deixe na cor desejada
2) No seu HTML procure pela tag : .sidebar .widget {
3) Estará assim :
.sidebar .widget {Explicando o código:
border-bottom: 2px solid $(widget.border.bevel.color);
border-bottom: border é borda [avá] e o bottom é abaixo, abaixo da sidebar, o bonito é assim, MAS se você quiser pode colocar left (direita) rigth (esquerda), substituindo o bottom por um desses códigos
2px número correspondente a largura da borda, aumente ou diminua como quiser
solid borda sólida, substitua o solid por dashed (pontilhado) ou double (linha supla)
$(widget.border.bevel.color); Esse código NAO deve ser alterado, ele é o código que corresponde a cor que você colocou no design do modelo
O meu ficou assim:
border-bottom: 1px dashed $(widget.border.bevel.color);E aí gostaram do tutorial? Se quiserem pedir algum é só entrar em contato :B
Não sabia desse tuto. Vou usar no próximo lay! Adorei.
ResponderExcluirBeijos
http://pepper-of-rock.blogspot.com.br/
AMEEEI O TUTORIAL *-*
ResponderExcluirsuper útil ... No meu próximo Lay irei usar!
Bjss >>> Love Teen
Amei o tutorial, estou aqui pra pedir que vc ensine como fazer esse faixinha que vc usa como fundo de titulo de gadget por favor. beijos
ResponderExcluirqual caixinha? o título do gadget ou a sidebar separada em quadrados?
Excluirrespondidos
ResponderExcluirNossa ficou muito lindo o layout do blog *--*
ResponderExcluirParabéns, seu blog é muito legal , sempre visito!
Aceita afiliação? Será um prazer se aceitar.
Bgs :*
http://teens-2011.blogspot.com.br/
Adorei o tutorial, vou usar no meu próximo layout.
ResponderExcluirhttp://i-teenbr.net.tc
Adorei! *-* Não sabia que dava pra usar a nosso favor haha. Adorei o back daqui! PS: ESSES GADGETS SEPARADOS ESTÃO A. PERFEIÇÃO. *-*
ResponderExcluirwww.justdebee.blogspot.com
Ah que legal, adorei o tutorial Luh, depois eu vou tentar fazer no meu blog viu? Bjokas♥
ResponderExcluirMuito legal as dicas :D
ResponderExcluirBeijos, ederoerasunhas.blogspot.com
Adorei o tutorial , tava procurando ele a algum tempo já .
ResponderExcluirhttp://modicesdemenina.blogspot.com.br
Eu posso ser afiliada do seu blog?
ResponderExcluirhttp://i-teenbr.net.tc
nunca pensei nisso, sempre colocava a moldura transparente. ficou muito legal ^^
ResponderExcluirOooi Luanara eu queria saber se tem como você fazer um tutorial ensinando como colocar cor na seguinte coisa: tipo quando eu vou copiar os códigos htlm do blog fica com uma cor só que não é azul é rosa a sua como mudar isso?
ResponderExcluirestou amando o novo Fashion Scream boa sorte :*
http://portefashion.blogspot.com.br/
ótima dica luh vou fazer no meu flor bjus http://blogdapepi.blogspot.com.br/
ResponderExcluirBlog da Pepi
Posso postr em meu blog?Com os devidos creditos a vc?
ResponderExcluir