Home/inicio goodies awards selinhos parcerias contato F.A.Q Image Map

26 de set. de 2011

2

Tutorial:Duas colunas com cores diferentes.

Unforgettable
Oii meninas!!!Hoje eu vim aqui ensinar a vocês um tutorial!!!!Vocês já viram a coluna lateral do blog?Essa:
Viram que ela tem DUAS cores,né?Então vou ensinar a vocês fazerem isto!!!
Vamos lá...
Vá em painel>design>designer de modelo>layout.Escolha a de 3 colunas,assim:
E agora  aperte em aplicar ao blog>voltar para o blogger.
Antes você terá que ter editado uma imagem,aqui está uma para vocês usarem:
Ela é do menina nerd,então todos os créditos vão para este blog!
Agora vamos em Editar HTML.Se você quer as duas colunas do lado direito procure por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
Se você quer do lado esquerdo procure por:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
Vai aparecer deste jeito:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
margin-right: $(content.padding);
background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}
Apague a parte em vermelho e substitua por:
background: url("URL DA IMAGEM") repeat;
Hospede a sua imagem que você fez e cole  url!
E agora vizualize,se estiver tudo certinho salve,e pronto!



2 comentários fofos!:

Fabio Correa Imoveis disse...

Eu acho lindo essas colunas de duas cores! elas realçam mais o design do blog ;)

http://meianoite-br.blogspot.com/

Mari disse...

Oie já tem um tempinho que eu te sigo rs
http://marifriend.blogspot.com/