02/01/2013

Duas colunas no blog com cores diferentes!

21º tutorial do desafio!
Sabe que uma vez eu fiz um template para encomendar com duas colunas lado a lado no blog com cores diferentes!
Foi tipo assim:
Então,vou ensinar a como fazer isso.

Clique em Leia Mais para aprender!


1º-Vá no Designer de modelo do blogger,clique em layout e escolha o modelo com duas colunas juntas.

02-Em ajustar larguras onde diz todo o blog coloque o valor de 1000 e onde diz barra lateral a direita coloque o valor de 420.

03-salve!

04-No html de ctrl+f e procure por:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {(Coluna direita)

Ou:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {(Coluna esquerda)

05-Apague oque está em vermelho:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {  margin-left: $(content.padding);  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;}

06-No lugar coloque:

background: url(link da sua imagem);

04-Depois que tem a imagem hospede-a e algum lugar,copie o url e cole onde pede o link da imagem.

Visualize e se tiver tudo bem,salve!

Crédito:Cherry Bomb

Nenhum comentário:

Postar um comentário