.
.......Podem ser feito mudanças em algumas divs, que cada uma delas da um efeito diferente no blog. As mudanças que vou mostrar são nas cores de fundo das principais divs do blogspot,
......para isso é necessário retirar as imagens ou substitui-las por uma imagem na cor desejada.Em ordem as DIVs que causam uma mudança visível : #outer-wrapper, #main, #header-wrapper, #sidebar e na ultima bodyEntenda um poco de CSS antes de se atirar:Abaixo estão as " qualidades" de uma div chamada main, entenda que cada vez que existir algum nome seguido de dois pontos é uma qualidade, tamanho, cor de fonte, alinhamento , etc. e para cada uma delas existe uma regra estipulada após os dois pontos, ou seja, o tamanho tem um número, a cor de fundo tem uma cor:
......Exemplo, color significa cor da fonte e, red é a sua cor, então:
.......color: red; é fonte vermelha.
.......width: 400px; é largura 400 pixeis
.......Um ponto e vírgula diz que acabou uma qualidade e começa outra, observe bem abaixo no código de exemplo, a linha em vermelho significa cor e imagem de fundo(background:) da div main, e esse código #940f04 substitui uma cor escrita como red, para essa cor de fundo se retirar ela não terá cor de fundo, se retirar o restante desse código em vermelho não terá imagem de fundo e nem as regras para seu alinhamento, mas deve sempre terminar com ponto e vírgula. E tudo referente a div main deve estar entre chaves {} após seu nome:
.......Código de exemplo:
.......#main {background: #940f04 url(http:ENDEREÇO DA IMAGEM) right top repeat-y;
.......color: #ffffff;
.......width: 400px;
.......float: left;}
.......Entenda como é a estrutura da maioria das páginas do blogger, imagem e veja o posicionamento das divs:
.......Você pode mudar o plano de fundo de seu blog apenas mexendo na parte seguida de
.......background: até o ponto e vírgula ;
.......Para isso é bom entender ou aprender um pouco sobre as tags que que podem ser usado para essa "qualidade" como as de alinhamento: top, center, left e right ou a forma que a imagem se comporta dentro de
uma div:
repeat =ela irá repetir pra todos lados
repeat-y =ela irá repetir apenas no sentido vertical
repeat-x =ela irá repetir apenas no sentido horizontal
no-repeat =não repet
.......Para mais informações faça uma busca na web sobre css propriedades background.
........Se você resolver fazer alguma mudança, não exclua os códigos que não são referentes a background: e evite imagens muito grandes.
.......Evite inserir novo código para uma div , se já existir #main{ background: bla bla bla; float: left;} não a repita e sim substitua apenas a "qualidade" (bla bla bla) que você quer mudar.Para mudar o estilo CSS do seu blog: Painel, Layout e Editar Html.
.......Mas, algumas coisas é importante lembrar, você estará em local onde um erro pode tornar seu blog feio ou até mesmo retirar alguns elementos que você adicionou na sidebar. Por isso o mais interessante seria criar um novo blog para usar como teste, e, antes de uma mudança em seu blog fazer um backup de seu código(cópia
Nenhum comentário:
Postar um comentário