Atenção
O blog está desativado.

domingo, 16 de janeiro de 2011

Tutorial ~ Fundos CSS


Oii, vocês lembram que eu comecei a fazer tutoriais? Já na segunda edição eu comecei, rsrs
Mas ta, eu tive vontade de fazer um tutorial sobre uma pergunta que acabaram me penguntando no FormsPring:


Para quem não sabe, fundo de CSS é um fundo personalizado que você coloca no seu blog com o link da imagem.
É muito simples de fazer!
Mas é preciso alguns passos:

Passo 1: Você seleciona sua foto para o fundo, você pode salvá-la em seu computador ou pode copiar o link da imagem
Passo 2: Você entra em qualquer site de hospedagem de imagens, eu particularmente uso o www.imageshack.us.
Passo 3: Você hospeda sua imagem no site.
Passo 4: Abra uma nova guia, entre no seu blog e em: DESIGN>DESIGN DO MODELO>AVANÇADO> ADICIONAR CSS
Passo 5: Agora você pega este código:

.body-fauxcolumn-outer {
background: url(LINK DA IMAGEM); }
.body-fauxcolumn-outer div {
background: none;
}
<br/><style type="text/css">body {background-image:url(LINK DA IMAGEM); background-position: center; background-no-repeat; background-attachment: fixed;

Passo 6: Copie e cole este código onde está escrito: Adicionar CSS, e substitua oque está escrito: LINK DA IMAGEM, pelo link da imagem HOSPEDADA, {no imagem shack é o Direct Link}
Agora, para finalizar é só aplicar ao blog! Se não conseguiu entre em contato !

É isso !! Gostaram? conseguiram fazer? Comentem!

2 comentários:

  1. meu link me fiou LIIIIIINDO!Máás ficou tipo..gigante..comoFaz?
    acima de tudo..BRIGADÃÃO pelo link me! ^^
    bubbledreamimi.blogspot.com

    ResponderExcluir
  2. Garotaaa. Valeuu to sem conseguir fazer o fundo faz tempo! Quando eu nem tinha o látex ainda!
    E você pode fazer um tutorial para colocar favicons?
    Eu agradeceria!!!

    ResponderExcluir

Bom, ja falei o bastante, está na hora de dar sua opinião!
comente comente comente :)