Como fazer um layout
(Créditos para esse tutorial para o www)Essa é minha primeira postagem e quase o meu primeiro contato com a blogsfera. Mas pra começar com chave de ouro vou ensinar a coisa mais importantes de todas no mundo dos blogs: como fazer um layout!
Aqui nós vamos usar o Modelo travel (o 1º)
Vá no seu HTML e procure por
content-outer .content-cap-top {
Apague os trechos destacados na imagem para tirar a transparência da área de postagens;
Agora vamos retirar a transparência dos gadgets. Procure por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner
Se a sua sidebar for do lado direito
Se for do lado esquerdo apague:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner
Você achara esse código, copie a parte em negrito:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner { margin-left: $(content.padding); background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;}
Agora vamos retirar o: Assinar postagens: Atom
Procure por ]]></b:skin>
logo acima cole:
.feed-links {
height:0px;
visibility:hidden;
display:none} -
Vamos retirar o "Attribution".
Procure por attribution
Onde estiver escrito "no" troque por "yes" e onde estiver "true" troque por "false".
Agora vá em Layout procure pelo gadget "Atribuição" e exclua-o.
Para colocar os seus créditos é simples:
Procure por ]]></b:skin> e logo acima cole o seguinte código:
#footer-wrapper { background: #efe4d6 ; /*** cor do fundo ***/ background-repeat: no-repeat; z-index: 1000; height: 20px; /*** Altura da barra ***/ clear: both; font-size: 90%; /*** tamanho da fonte ***/ color: #fff; /*** cor da fonte ***/ text-align: center; /*** alinhamento da fonte ***/ padding: 5px; }
Para alterar as cores, clique aqui.
Agora você irá procurar por </body> e acima cole:
Onde está escrito Seu Nome coloque o seu nome.
Juntando gadgets com a área de postagens.
Procure por .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
Se sua sidebar for do lado direito apague:
margin-left: $(content.panding)
Se for a esquerda apague:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
Vá em layout procure por Navbar marque a opção "desativado" e salve.
Agora vá em Modelo>Personalizar e arrume do seu jeito. O resultado é esse:
