Home Sobre F.A.Q Créditos Kawaii

janeiro 03, 2013

Removendo Borda Serrilhada do Modelo Travel

Olá! Tudo bom? No tutorial de hoje vou mostrar para vocês como remover aquela borda serrilhada que o modelo do Blogger Travel possui, o que fará com que o visual do template fique mais bonito.
Um dos modelos que considero mais legais de ser editado para Blogger é o Travel. Já testei muitas coisas nele e sempre dá tudo certinho, inclusive uso esse modelo atualmente. Mas com certeza você já deve ter notado que por padrão ele possui essa borda no topo:
 
A não ser que queira mantê-la como parte do seu cabeçalho, é possível removê-la. Recomendo fazer isso para seu layout ficar mais fofo. Faça o tutorial em um blog de testes porque quando você excluir deverá configurar o template, coisas simples feitas pelo Designer do Blogger, como colocar cor de fundo nos posts e sidebar, aproximar ou afastar mais sidebar-posts-header ok?
Vamos lá!
1. Encontre este trecho em seu template (Modelo-Editar HTML-Ctrl+F e pesquise pela primeira linha):
 .content-outer .content-cap-top {  height: $(content.imageBorder.top.space);
  background: transparent $(content.imageBorder.top) repeat-x scroll top center;
}
.content-outer {
  margin: 0 auto;
  padding-top: $(content.margin);}
.content-inner {
  background: $(content.background);
  background-position: left -$(content.imageBorder.top.space);
  background-color: $(content.background.color);
  padding: $(content.padding);} 

2. Substitua por este:
 .content-outer .content-cap-top {  height: ;
  background:  repeat-x scroll top center;
}
.content-outer {
  margin: 0 auto;
.content-inner {
  background: ;
  background-position: ;
  background-color: ;
} 

3. Visualize e salve ^-^
Prontinho. Bem fácil e agora há mais liberdade para seu cabeçalho se adequar bem ao layout.
Beijus...

7 comentários:

  1. Adorei... Tempos atras tava tentando fazer isso e não consegui :/

    ResponderExcluir
    Respostas
    1. É, fica mais legal sem a borda neh ^^
      Beijus e obrigada!

      Excluir
  2. ahaha, obg pelo tutorial *w* Facil e rapido xDD

    http://souotomeecomorgullhoo.blogspot.com.br/

    ResponderExcluir
  3. Oi, eu queria pedir um tutu de como colocar o artigos relacionados igual do seu blog. Bjus!!!!!

    ResponderExcluir
    Respostas
    1. Já postei ^^ É o post mais recente (até agora). Dá uma olhada em Posts Relacionados com CSS e HTML.

      Excluir
  4. Não tirou só a borda, tirou todo o fundo branco do blog. Tanto do corpo, quanto da sidebar. Como se resolve isso? :)

    ResponderExcluir
    Respostas
    1. Mas é assim mesmo ^^ Agora você tem que personalizar sidebar, área de posts e cabeçalho.
      Vou postar como fazer isso em breve ok?
      Beijus...

      Excluir

Muito obrigada por seu comentário e por sua presença! Ambos são super importantes para mim.

Apenas peço que:
- Comente a vontade, dê sua opinião, faça críticas, esclareça suas dúvidas e dê suas sugestões sobre o assunto referente às postagens;
- Use um vocabulário livre para todas as idades;
- Não ofenda ninguém em hipótese alguma.

Os comentários são moderados e não são permitidos comentários de pessoas que não se identifiquem. Algumas dúvidas podem ser previamente esclarecidas na F.A.Q, assim como créditos e outras coisas.

Por favor, entrem em contato por meio das redes sociais também para dúvidas, sugestões, pedidos ou outros:
Facebook - Twitter - Google+ - Deviantart

I it