12/02/2012

como colocar colunas com fundo colorido

oi.gente tudo bom?
bom hoje vou postar um tutorial de como,
colocar colunas com fundo colorido
eu aprendi no menina ned
mas esta um puico diferente ,se o seu nao dar certo
como eu fiz,vai no menina ned.
vamos começar:










3. Agora é preciso editar uma imagem para usar como fundo:

essa imagem por exemplo:
(lembrando que ela tem 400px, ou seja, 200px pra cada cor), se quiser usár sem editar, fique à vontade! Se desejar colocar 500px,  terá que editar uma imagem de 500px avá com 250px para cada cor, e assim em diante. 
                Ai voçês vao em '' nova postagem'' clica em imagem como mostra a imagem abaixo.


escolhe a imagem por exemplo essa ai:


(lembrando que isso voçê vai fazer em outra pagina do blog)

4. Por fim, vá  em "Design", depois em "Editar HTML", dê Ctrl+f e;

. se você  escolheu a coluna do lado direito,procure por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
 se você escolheu as colunas do lado esquerdo, procure por:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
 Vai aparecer assim:                   
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
margin-right: $(content.padding);
background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}
 Substitua a parte destacada em vermelho por:
background: url("URL DA IMAGEM") repeat;

na URL da imagem você vai ir  na quela pag que você abril a imagem copia  URL da imagem e cole onde está pedindo.
visualize
se tiver tudo certo salve,se nao tiver vai no  menina nerd.
bj



Nenhum comentário: