Imagem de fundo fixa

Para deixar uma imagem de fundo fixa no blog entre na pagina editar html e procure por body{....}, caso já tenha a imagem de fundo então coloque esse código junto:

background-attachment: fixed;

se ainda não tiver a imagem o código é assim:

background-image: url(URL DA IMAGEM);
background-attachment: fixed;

Então ficará desse jeito:

body{background-image:url("endereço da imagem");
background-attachment: fixed;.....}

Claro que precisa colocar um endereço de imagem(url da imagem) no local indicado. Se tiver duvidas veja se está usando o endereço correto da imagem.

18 comentários :

  1. muito legal o seu blog!!!parabens!!!


    http://history-100.blogspot.com/

    ResponderExcluir
  2. Ai cara coloca meu barner ai e eu vou colocar o seu no meu blog desde ja agradeço. http://blogdo cech.blogspot.com/

    ResponderExcluir
  3. Amigo, onde no blog encontro a opção para inserir imagem de fundo?

    ResponderExcluir
  4. meu, de qua site que eu posso pegar o url da imagem?

    ResponderExcluir
  5. A imagem você precisa fazer ou achar na internet e hospedar em algum lugar, usamos o http://imageshack.us/

    ResponderExcluir
  6. Olá,
    é minha primeira visita à sua página...Parabéns, ela é muito interessante.
    Segui suas orientações, criei uma conta no imageshack, porém estou com dificuldades em definir qual URL colocar em meu blog para definir a imagem de fundo.
    Você poderia me orientar?
    []ão

    ResponderExcluir
  7. Big clash

    a url da imagem é o direct link, para ter certeza coloque o endereço na barra de endereços e deve aparecer somente a imagem, sem mais nada na pagina.

    ResponderExcluir
  8. olha galera o blog e otimo mas eu fiz de outro jeito do q leles mostraram ,ve so:

    eu coloquei

    background-image: url(URL DA IMAGEM);
    background-attachment: fixed;

    body{ou seja aqui} so q alterou as fotes de texto do blog inteiro ai o q eu fiz.

    coloquei assim

    body {
    background: #000000 url(http://img.hebus.com/hebus_2007/11/26/071126195934_73.jpg) repeat-x fixed;

    ou seja coloquei o fixed; no final.

    um site bom com fundos legais e esse http://www.hebus.com/


    Flw espero ter ajudado!!!

    ResponderExcluir
  9. Olá seu blog, é muito bom.

    Mas, eu tenho uma dúvida.
    Aonde eu devo colocar isso ?

    background-image: url(URL DA IMAGEM);
    background-attachment: fixed;

    É na página de de Editar HTML (blogger) ? E se for, em que parte ? (perto de que)

    Desde já muito obrigado :)

    ResponderExcluir
  10. Sara Alvesfiz umas alterações na postagem agora ficará mais fácil entender

    ResponderExcluir
  11. Adicione aqui

    body {
    background:#ccc;

    Acrescente: Aqui
    background-image:url("http://fc07.deviantart.com/fs37/f/2008/283/b/d/Vista_style_wallpaper_by_Tafeev.jpg");
    background-attachment: fixed;

    margin:0;
    text-align:center;
    line-height: 1.5em;
    font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
    color:$mainTextColor;
    font-size/* */:/**/small;
    font-size: /**/small;
    }

    ResponderExcluir
  12. Qual é o melhor tamanho pra uma imagem de fundo????

    ResponderExcluir
  13. Gabriel
    se for usar uma imagem grande tipo uma paisagem é melhor ser algo proximo de 990 de largura, porque a maioria das pessoas atualmente tem resolução de tela 1024, mas se for uma textura pode ser de qualquer tamanho afinal cobrirá todo o fundo do blog.

    ResponderExcluir
  14. Cara no meu blog não funcionou, na barra de rolagem desce tudo. Se puder me ajudar, agradeço desde ja.
    Leonardo editor

    La esta assim:

    body
    {
    margin: 0 auto;
    padding: 0;
    color: #9E9E9E;
    background-color: #CCCCCC;
    background-image: url('http://lh6.ggpht.com/-KNy1KH-WiFs/Tgaww8bEVcI/AAAAAAAAAPs/NNbzKrqZOss/d/page_t.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top left;

    ResponderExcluir
  15. você usou duas configurações para a mesma coisa:
    background-attachment: fixed;

    background-attachment: scroll;

    apague a segunda linha e a imagem deve fixar

    ResponderExcluir
  16. Afz hoespedei a imagem no tinipic procurei o body{...} e não achei:@

    ResponderExcluir
  17. Ola, tentei das mais variadas formas que sei, e nao deu certo.Sera que o problema esta no meu template? Agradeceria uma resposta Obrigada!

    ResponderExcluir
  18. ♥★♥ •DELICADA•♥★♥
    provavelmente colocou o código no lugar errado.. ou faltou algum detalhe.

    esses códigos de faltar ou sobrar qualquer sinal dá erro: > ' / < ;

    ResponderExcluir