Image Map

Coloque duas colunas juntas com cores diferentes

|
Tumblr_ls1jdayhrw1qi9vweo1_500_large
Sempre alguém vem perguntando lá no blog como fazia para colocar duas colunas juntas com cores diferentes... enfim, vou contar o segredo rs (Apesar de não ser mais segredo coisa nenhuma, já que já existe tutorial pra isso)
Vamos lá!
1- Vá até Design, Design do Modelo, clique em Layout, selecione um modelo de duas colunas e depois salve.
2- Vá novamente em Design, Designer do modelo, clique em Ajustar Larguras e ajuste o tamanho das colunas.
 Lembre-se de que você deverá ajustar, só que o tamanho da sua coluna multiplicado por dois. Como assim? Se você quer cada coluna com 200 px, você deverá colocar 400 px.
3- Edite uma imagem para o fundo (de acordo com o tamanho das colunas). Se você colocou 400px, a sua imagem deverá ser de 400px.
Exemplo:
Imagem: Menina Nerd. 
4- Se você usou as colunas no lado direito, vá até Design, Editar HTML, aperte CTRL+F e procure por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
Se você usou as colunas no lado esquerdo, vá até Design, Editar HTML, aperte CTRL+F e procure por:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
 Irá 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 o que está destacado em rosa por :
background: url("URL DA IMAGEM") repeat;
 Não retire as aspas! URL é o link da imagem que você hospedou.
Visualize, se tiver dado certo, salve! Créditos do tutorial: Menina Nerd.

12 comentários:

CinderellaNerd - Deyse Mello disse...

Eu não consegui :(

Fiz tudo direitinho.. na hora de visualizar a minha barra lateral ficou transparente...

Me ajuda?? :(

Clicia Brito disse...

Eu não consegui também...
É uma pena.. por favor veja se não ensinou nada errado voltarei aqui!

Geez disse...

Não dá certo =/
Pqê? HELP!

Pedro Cordeiro - DG disse...

pooise , não da certo mesmo! me ajuda ? "/

http://diiariodeumgaroto.blogspot.com ou phcf_12@hotmail.com

Anônimo disse...

pra mim deu tudo certinho ficou liiindo, obrigada s2
http://iwantonlyou.blogspot.com/

Bruna e Lizandra disse...

ajudou muito,beijos.
http://blogchatgirl.blogspot.com/

http://precisoextravasar.blogspot.com/

http://pinkexplosive.blogspot.com/

Anônimo disse...

Não consegui fazer :(

Revista BFF I Site disse...

Oi! O meu quanto eu tento o primeiro Ctrl + F, quando eu coloco o codigo fala que não existe!

- Sweet Girl disse...

Eu conseguii o/ ficou lindo, era deste tutorial que eu estava precisando, taaanks s2
blogdocemenina.blogspot.com

Faye disse...

Fikou fodástico


ameiameiameiameiameiamei

1000 vzs

@Scarlett_Lopees disse...

nhaaaaaaaaaaaaaaaaawn *-*
coelhinha, deu certo :D
muito obrigada de novo.

nhawn.blogspot.com.br

Anônimo disse...

http://clickfilmesdublados.blogspot.com.br

quen quiser faser pacerias to ai