19 de janeiro de 2013

Como mudar a barra lateral do modelo Travel

  Tumblr_mftc4nphhr1qmiepro1_500_large
Me desculpem ficar sem postar no meu dia.
Eu fiquei meia confusa,pois a Rafaela não tinha postado e eu não sabia se podia postar no lugar dela,e a falta de idéias também me atrapalhou.
Hoje eu trouxe um tutorial muito útil:Como mudar a barra lateral do modelo Travel

vai ficar assim,igual a barra lateral igual ao  deste blog,veja:
       Antes: Sem este tutorial:                                                Depois: Com este tutorial




        Fica lindo,e você pode colocar a sua barra lateral da cor que quiser,vamos ao tutorial
 Se quiser colocar fundo na barra lateral esquerda, procure por:

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

 E se quiser colocar fundo na barra lateral direita procure por:

main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

Depois de achar esse código correspondente a sua sidebar,apague este trecho:


.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  margin-left: $(content.padding);
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}


 No lugar do código que você apagou,cole isto:


background:#ffffff;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
box-shadow: 1px 4px 19px 2px #f3b9f5;



Vamos Editar?
 (Use a Tabela De Cores)

Substitua o #ffffff pela cor do fundo que deseja em seus gadgets.
Substitua os três 16px caso queira as bordas modificar as bordas.( Quanto maior o número, mais redondo).
Substitua #f3b9f5 pela cor da sombra que ficará ao redor de seu gadget, caso não queira sombra, apague essa última linha box-shadow: 1px 4px 19px 2px #f3b9f5;

Todos os créditos ao blog Six Teenn
Espero que tenham gostado e que usem no blog de vocês,

BeeeeiJuuh



4 comentários:

1 - Leia o post primeiro, por favor;
2 - O comentário será aprovado, depois publicado;
3 - Trate todos bem, para receber o mesmo em troca;
4 - Deixe o URL do seu site;
5 - Aceito criticas, sugestões..