02 maio 2015

Layout Free Love

 Hey minhas amoras e amores !! Tudo bem com vocês ?? Hoje eu estou aqui para trazer para vocês um layout free bem fofinho e com bastante rosa !! Super indicado para as meninas rsrsrsrsrs... Vamos ver ??



Bem vamos lá aprender a baixar?



   Como editar o Cabeçario


 Quando você baixar o aquivo em rar, você extrai e vai ter uma imagem e o template, você coloca o template e vai aparecer desse jeito com as palavras: Nome do Seu blogger, para editar vai ter a imagem do cabeçario transparente sem o nome, você coloca o nome do seu blogger entra no site Imgur.com e copia o código do Direct Link



           Primeiramente procure por:  /* Content ; abaixo dele vai ter esse código aqui......



body, html {
height: 400px;
margin: 0;
padding: 0; }

body {
background: url("http://i.imgur.com/QpVxb6z.png") no-repeat; }

html {
background: url("http://i.imgur.com/q4wwUfN.png") repeat; }
                     em rosa você TROCA o código pelo que site está disponibilizando e está tudo certo !! 

      

Como editar o Menu

 Bem para você editar o Menu você vai em Modelo-Editar html-Crtl+f e procura por: <div id='menufiixubpd'> e vai aparecer um código assim:



<div id='menufiixubpd'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Link 1</a></li>
<li><a href='#'>Link 2</a></li>
<li><a href='#'>Link 3</a></li>
</div>

 Onde tem os # você coloca o link das páginas e onde tem Link 1 Link 2 Link 3 é o nome da página, no home ao invés de você substituir a # pelo link do blogger apenas deixe vazio, segue o exemplo:
<div id='menufiixubpd'>
<li><a href=''>Home</a></li>
<li><a href='#'>Link 1</a></li>
<li><a href='#'>Link 2</a></li>
<li><a href='#'>Link 3</a></li>
</div>

A Fonte usada foi a fonte matilda, para baixa-la clique Aqui !! 

Tutorial de como instalar Fonte:



E é isso  !! Fazendo essas configurações estará tudo certo !! rsrsrs

Em Caso de Emergência no Post

Se a área do post ficar muito em baixo vá em Modelo-Editar Html- Crtl+F e procure por:   margin-left: $(content.padding); Em baixo irá aparecer o seguinte código:



.main-inner .column-right-inner {

  margin-left: $(content.padding);

  margin-top:200px;
}

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  margin-left: $(content.padding);
  margin-top:200px;
}
Onde está em Azul coloca 0px; ou o pixel que ficar melhor e que você achar apropriado você coloca, se chegar em 0px; e não ficar mais em cima é só colocar números negativos, por exemplo:

.main-inner .column-right-inner {
  margin-left: $(content.padding);
  margin-top:-50px;
}

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  margin-left: $(content.padding);
  margin-top:-50px;

}
           Entendeu ?? Com isso finaliza o template
      Dowload       Veja o Template   

           Espero que tenham gostado, até logo eeeeeeeeee:

                           UM BIG BJOOOOO

Nenhum comentário:

Postar um comentário