06 março 2012

Coloque duas colunas com fundo colorido


Oi meus bolos de chocolate com baunilha da vovó hsuhaushau.Como vocês tão?Hoje eu vou postar um tutorial bem comum mas que é sempre útil como colocar a sidebar em duas colunas ! Clique em leia mais
Lembrando que eu fiz isso no modelo Viagem e não testei em outros
1.Vá em designer de modelo e ajuste assim :
Você escolher qualquer um dos selecionados .

2.Vá no seu HTML e procure por 

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
Se você escolheu o lado esquerdo :

 .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

Deve aparecer algo como isso :
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  margin-left: $(content.padding);
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
3.Substitua o que está de azul por esse código :
background: url("URL DA IMAGEM") repeat; 
Para  a url da imagem vocês vai precisar de uma imagem como essa (para fazer a sidebar dividida ,se você quiser por exemplo um fundo de bolinhas é só colocar a url do fundo em ''URL DA IMAGEM '')

Vou deixar essa para vocês editarem ,depois de editada é hospedar em um site para isso como o TinyPic para obter a url e por no lugar de ''URL DA IMAGEM '' .Salve as alterações!

4-Volte ao Designer de modelo e vá em ajustar larguras e ponha assim :
Clica que aumenta

O resultado será parecido com esse :

Beijinhos!





Nenhum comentário:

Postar um comentário

E ai batatinha ?Tudo bem ?Adoro quando vocês comentam só se lembre de umas coisinhas :

-Nada de xingamentos
-Se for criticar seja educado
-Comentários tipo :''Seguindo ,segue de volta ?'' Serão ignorados

Test 1

Bem vindo!

Oi pequeno panda viajante!Esse aqui é o Maçã cor de rosa,um blog com tutoriais,materiais,dicas e ou coisinhas legais.A dona daqui é a Jelly e quem a ajuda ela são a Stephanie e a Lara.Sinta-se em casa :D

Related Posts Plugin for WordPress, Blogger...