8.8.14

Tutorial - Mudando a cor da sidebar

| |
Untitled
Oi feijões 
Hoje vou ensinar a vocês como colorir a sidebar!Lembrando que só testei no modelo viagem. Bom,então vamos lá!

Vá em Modelo»Editar Html (Clique em uma área vazia do código e Ctrl+ F ou F3) e procure por:

Se sua sidebar é do lado direito, procure por
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
Se sua sidebar é do lado esquerdo, procure por:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner { 
Depois de encontrar o trecho correspondente a sidebar, apague a parte vermelha do código:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  margin-left: $(content.padding);
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}
Apague a parte em vermelho e substitua por:
Se quiser colocar um fundo em imagem coloque:
url (link do seu fundo) repeat; 
Se quiser colocar colorido coloque:
#CÓDIGODACOR repeat; (Você pode escolher várias cores nesse site aqui)

Salve e veja como ficou! 
Veja o resultado no meu blog de teste:

Mais porque RIGH e LEFT?
Porque o nosso html é em inglês. E a sidebar vai ficar ou no lado direito do blog ou esquerdo ou seja (direito RIGHT, LEFT esquerdo). Além disso podemos usar esses dois para efeitos e muitas outras coisas :3
O que é background? Porque #?
Background é o fundo de algo, qualquer coisa. Você pode colocar uma imagem de fundo (url (link de fundo) ou uma cor (#ff0099 -exemplo).
Dica, nunca esqueça do repeat no final da frase e os ";" se não o código não funciona. Coloque fundos claros se a letra do blog for escura e escuro se os textos dos gadgets forem claros para facilitar a vida do leitor hehe.

Nenhum comentário:

Postar um comentário