12 de dezembro de 2011

Tutorial-Background na Barra lateral

Um seguidor me pediu no chat como se coloca background na sidebar como aqui do blog.  Lembrando que esse tutorial só funciona no template viagem e não sei se funciona em todos os navegadores, eu só testei no Google Chrome. 
Agora, triturando o spaghetti!

Se quiser background na barra lateral da direita:

Clique em Modelo>Editar HTML e aperte Ctrl+F e procure por esse código:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

Se quiser colocar na sidebar da esquerda, procure por este:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
Após achar esses códigos, apague essa parte grifada do código:

Imagem do blog Cherry Bomb
No lugar do código apagado (depois de background:) coloque esse código:
url(LINK DA IMAGEM) repeat;
Onde está escrito LINK DA IMAGEM, substitua pela URL do background. Para fazer isso, entre no site ImageSchack  e se não tiver conta, cadastre-se. Clique em browser e escolha seu background (escolha um clarinho para facilitar a leitura.) e espere carregar. Vai aparecer "link direto". Dê Ctrl+C nele e Ctrl+V no lugar de LINK DA IMAGEM no código. Clique em visualizar, se estiver tudo certo, salve.


Um comentário:

Lari disse...[Responder comentário]

Muito legal o seu blog,Geronda!Muito legal mesmo!
Estou seguindo!
Beijinhos!

www.larissamerlo.blogspot.com