27 de mai de 2012

Como colocar duas colunas com fundo colorido

Oi povo! Hoje eu não quis colocar a imagem de cem seguidores pois ia ser MUITO CLICHÊ. 
Bom, como vocês viram no blog, tem duas colunas com cores diferentes. Vou ensinar como fazer isso.
O primeiro passo é clicar em leia mais
Os créditos vão para o blog Menina Nerd
Primeiro escolha um modelo de duas colunas.
Depois, vá em ajustar larguras
Depois, é preciso pegar uma imagem para usar como fundo. Eu fiz uma:
E o blog Menina Nerd disponibiliza essa:
Essas tem 400px (200px para cada uma. avá)
Se o seu for de 500, 250 para cada uma e assim vai.
Agora você hospeda a imagem que você fez em algum local 
(Se pegar essas, é só clicar com o botão direito e em Copiar URL da imagem)
Depois, vá em modelo, editar HTML,F3, e se pegou as colunas do lado direito procure por
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
                                Se pegou as colubas do lado esquerdo procure por:
                           .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
                                                     Vai aparecer isso:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
margin-right: $(content.padding);
background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}
Então, a parte destacada de vermelho você apaga, e no lugar cole:
background: url("URL DA IMAGEM") repeat;

Não retire as aspas, e URL da imagem é o URL da imagem que você pegou.

Espero que gostem!


2 comentários:

Mini FAQ:
-Não aceito selinhos nem Tags.
-Comentários que não falem nem um pouco sobre a postagem não serão publicados.
-Afiliação apenas para blogs acima de 100 seguidores ou convidados. NÃO INSISTA.
----------------
♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡