domingo, 25 de março de 2012

Colocando cor na sidebar

 Primeiro abra o seu blog em: Design > Designer do modelo > Layout  
Agora escolha um dos modelos indicados em vermelho:


Pronto a primeira parte já foi feita, agora vamos para segunda, mas para isso você precisarádessa imagem:

Segundo volte para o blog e clique em: Design > Editar HTM > Dê Ctrl + f e procure por:

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

Agora que você já achou a coluna esquerda da sidebar é hora de substituir alguns códigos, para isso apague esse código:



(Só o que esta em vermelho)

Substitua o código apagado por esse, coloque-o logo depois de background se não não dará certo ok?

url(LINK DA IMAGEM) repeat;
Em "link da imagem" coloque a url da sua imagem 

Terceiro ache a coluna direita clique em: Ctrl + F e procure por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner { 

E repita o processo que foi feito na coluna esquerda, pronto sua sidebar de duas colunas esta pronta, clique em visualizar e se estiver tudo certinho salve.

Dica: Na hora de ajustar a largura da sidebar coloque 400, pois na hora de colocar a imagem irá 200 pra cada lado e se quiser trocar as cores da imagem é só ir no Photoscape e trocar que dá certo. Espero ter ajudado, beijinhos.

Nenhum comentário:

Postar um comentário