Retirando as bordas no modelo Travel!

janeiro 31, 2015


Normalmente, quando a gente pensa em fazer um layout, logo vai a cabeça que é uma coisa super complicada...Mas acredite não é! eu levei quatro dias para fazer esse do blog que é o meu primeiro layout, por mais que tenha problemas!

Hoje nesse sábado, super animado pra mim pois vou começar a postar nos sábados! Vim ensinar os primeiros passos para criar a base do Layout para o blog, no modelo Travel (viagem).

Primeiro escolha o modelo do template, escolha o Travel, segundo modelo, que é super fácil de editar.
Para retirar o fundo vá em Editar Html, e aperte CTRL+F e procure por:

.content-outer .content-cap-top {

Abaixo terá uns códigos que você irá remover! Preste atenção na imagem abaixo, os códigos em vermelho são os que você vai retirar!

Tive que procurar a imagem no Google mas logo irei colocar a minha!
Veja se deu certo e salve!

O layout irá ficar bem feio mas é só o inicio! O campo de postagem irá ficar transparente então mude para branco ou outra cor que preferir.

Agora personalize retirando a navbar, e escolhendo as cores e etc...

Para retirar as bordas dos posts procure:

.main-inner .column-center-outer {

Fica abaixo de:
/* Posts
----------------------------------------------- */ 

Encontrado o código apague a parte sublinhada. Veja a imagem abaixo:

Agora, cole no lugar dele esse código:

.post-outer {
background: #fff; /* Cor do fundo da postagem */
padding-top: 4px; /* Espaço do topo */
padding-left: 5px; /* Espaço da esquerda */
padding-right: 5px; /* Espaço da direita */
margin: 5px 3px 25px;
}

Faça as alterações necessárias.

Obs: Imagens retiradas do Google caso alguma seja de sua autoria favor avisar nos comentários ou por E-mail.

Okay! O tutorial ensinou como remover bordas do modelo Travel, e dos posts! Espero que ajude!

You Might Also Like

0 comentários

Press

Eu Sou do CBBlogers
blogs de moda

Like us on Facebook