Imagens de fundo degrade



Código para Azul e Branco degrade:
background: #ffffff url('http://www.thematrixx.oi.com.br/ap/fundos/azul_branco.gif') fixed top left repeat-x;



Código para Preto e cinza:
background: #000000 url('http://www.thematrixx.oi.com.br/ap/fundos/preto_cinza.gif') fixed top left repeat-x;



Código para Preto e Vermelho:
background: #000000 url('http://www.thematrixx.oi.com.br/ap/fundos/preto_vermelho.gif') fixed top left repeat-x;



Código para Laranja e Branco:
background: #ffffff url('http://www.thematrixx.oi.com.br/ap/fundos/laranja_branco.gif') fixed top left repeat-x;



código para Verde e Branco:
background: #ffffff url('http://www.thematrixx.oi.com.br/ap/fundos/verdea_branco. gif') fixed top left repeat-x;

E aqui esta uma lista bastante boa penso eu, se quiserem ver onde é que stes codigos se colocam, basta verem os posts anteriores, até à próxima.
Caso queiram colocar uma imagem como fundo do vosso blog é bastante fácil de o fazer, sigam estes passos:

1-Vão ao vosso "Painel de controlo" e escolham "Editar HTML"
2-Procurem a tag:

body {

Está logo no início do HTML

Agora vejam se a tag tem a palavra background

Se não tiver coloque esse código logo após a tag body {

Um exemplo de como isto deve ficar:
background: black url(ENDEREÇO DA IMAGEM) fixed top left repeat-x;

Se já tiver a palavra background, substitua por isto:
Vamos as variáveis.

black - Significa que a cor de fundo atrás da imagem é preta. (Para trocar de cor, basta trocar a palavra) - Red=vermelho, #ffffff=Branco, green=Verde...

Fixed - Significa que a imagem irá ficar intacta ao mexeres os posts para cima e pra baixo, caso queriam que a imagem se mexa juntamente com o texto retirem a palavra

top - Significa que a imagem irá ficar no Topo, caso queiram que ela fique em baixo, troquem por "bottom".

left - Significa que a imagem irá ficar à esquerda, se quiserem que fique à direita, troque por "right."

repeat-x - Significa que a imagem irá repetir-se na horizontal, caso queriam que ela se repita na Vertical troquem o "x" por "y", caso queiram que não se repita troque "repeat-x" por "no-repeat"

E aqui esta, até à próxima.
Em alguns esquemas do blogger as imagens ficam com marcas um pouco ranhosas à volta, caso queiram alterar isto para sempre basta irem ao "Painel de controlo" do vosso blog e depois escolham "Editar HTML" e vão ter de procurar esta parte:

. post img {
padding:4px;
border:1px solid $bordercolor;
}

Agora vão à parte que diz "1px" e alteram para "0px" e é só salvar que já esta, as vossas imagens ficam com um rebordo reduzido ao mínimo possível.

Até à próxima.
top
Embed Wave to Blogger