05/07/2013

~Tutorial.

Achei um tutorial que já estava procurando a tempos agora que o achei, decide posta-lo aqui.
Apesar de simples, ele dá todo um "acabamento" no Design do blog. Esse tutorial é para quem usa o modelo Travel do blogger, aquele que diz deixar a Sidebar transparente mas que na verdade continua com cor-e uma cor nada bonita diga-se de passagem.Esse tuto é 2 em 1, vou ensinar a Separar os Gadgets e Deixar a Sidebar do modelo Travel transparente.Se quiser aprender, clique em Saiba tudo.


Separando os Gadgets:
Vá no seu HTML clique na caixa de códigos, dê um Ctrl F e  pesquise por:

/* Widgets

Você verá algo parecido com isto:

imagem por: Karine in Júptier

Antes de fechar a chave - } -cole o código abaixo:

Background: #f7f7f7; /*Cor do fundo do gadget */

Modifique a parti em azul pela cor que você quer em seus Gadgets usando essa tabela de cores.Feita a modificação, salve!
Códigos por: Karine in Júpiter.

-----------------------------------------

Deixar a Sidebar do modelo Travel transparente:
 No seu HTML, pesquise por:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner { - Se sua Sidebar for na direita.

ou

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner { - Se sua Sidebar for na esquerda.

Você encontrará algo parecido com isto:
.MAIN-INNER .FAUXCOLUMN-RIGHT-OUTER .FAUXCOLUMN-INNER {  MARGIN-LEFT: $(CONTENT.PADDING);  BACKGROUND: $(WIDGET.OUTER.BACKGROUND.COLOR) $(WIDGET.OUTER.BACKGROUND.GRADIENT) REPEAT SCROLL TOP LEFT;}

Apague o que está destacado em azul e substitua por:

transparent;

*Não esqueça do ponto e virgula - ; -.

Feito isso, salve!
Códigos por: Diamantes de uma Garota.



Abraços♥

12 comentários:

  1. Nossa parece que você adivinhou!Também estava procurando a um tempão por um tutorial desse tipo.Quando for reformar o DF novamente irei usar esse tuto.Adorei!!
    >Beijão<

    ResponderExcluir
  2. Amei amei o tutorial! eu uso ele bastante sabe, em todos os meus layouts o blog está lindo amei!

    http://garotaspurpypink.blogspot.com.br/
    http://brigadeiro-vintage-geeh.blogspot.com.br/

    aceita afiliação com esses blogs?

    ResponderExcluir
    Respostas
    1. Fico feliz flor, vou começar a usa-lo-risos.
      Muito obrigada por comentar.

      P.S:Aceito sim, mi coloque em sua elite que eu
      lhe colocarei aqui.

      Abraços♥

      Excluir
    2. Ok, já irei lhe colocar.
      Abraços♥

      Excluir
  3. ooi princesa , amei o tuto , beijos
    http://lollimundodeprincesa.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Olá florzinha >.<
      Muito obrigada por comentar.
      Abraços♥

      Excluir
  4. Tutorial super útil! ótimo p quem queria saber!

    bjs~

    ResponderExcluir
    Respostas
    1. Verdade, ele é bem útil.
      Obrigada por comentar.
      Abraços♥

      Excluir
  5. Eu acho que não uso esse modelo, mas adorei o tutorial, quando precisar, já sei onde ir :)
    Beijos!
    Garotas Comuns

    ResponderExcluir

Hei, people <3 Que tal deixar sua opinião, sugestão ou critica (construtiva, por favor) em nossos comentários para que assim possamos melhorar ainda mais! Lembrando, é claro, que nossos comentários são moderados, isto é, precisa de minha aprovação para que apareça. Por tanto, seja educado e se expresse de forma a não ofender a autora do blog ou a terceiros, caso contrario seu comentário não será postado, okay? Até aceito o "seguindo, segue de volta?" desde que eu goste de seu blog, seguirei sem problemas. Sem mais delongas, fique a vontade e volte sempre.
Abraços da autora;
Babi Sah ♥