Cursos 24 Horas - Cursos 100% Online com Certificado

Fundo Fixo "Background Fixo" - Blogger

9 Comentários Autor : Notícia e blog 18 outubro 2009



No Blogger quando descemos a página o fundo também desse, se for um fundo de cor nem percebemos mais se for um fundo de imagem a imagem ficará cortado prejudicando um pouco o Layout. Podemos fazer com que o fundo das postagens e da sidebar seja fixo ou seja o texto,imagens,fotos é que vão descer ao subir a página. Se for uma imagem o fundo o efeito é muito bonito.Para fazer o fundo fixo é necessário apenas algumas alterações no CSS, que veremos abaixo:


1.Acesse o painel do Blogger
2.Clique na aba "Layout"->"Editar HTML"
3.1 Procure por esse trecho no seu blog, você não encontra exatamente o código abaixo apenas parecido:
body{background:$bgcolor;
Se estiver como esse acima apague o trecho em vermelho e coloque o código abaixo:
background: url(url-da-imagem) center;
background-attachment: fixed;

Nota: Substitua o que está em laranja pela url da imagem desejada. Em roxo se a imagem ficar retida substitua por "no-repeat" sem as aspas.
3.2 Se encontrar o código em vermelho que foi pedido substitua todo os "background: até o ;" que estiverem dentro de "body:{ até }" pelo código abaixo:
background: url(url-da-imagem) center;
background-attachment: fixed;

Nota: Em laranja é a url da imagem desejada, em roxo se a imagem ficar retida substitua por "no-repeat" sem as aspas.


4.Visualize e Salve as alterações.

    9 Comentários

    Anônimo disse...
    21 de novembro de 2009 09:25 #

    Muito Obrigado, pela dica. Informações como está é de grande utilidade para quem está começando.

    Adams de Oliveira disse...
    2 de junho de 2010 16:41 #

    O que devo acrescentar para que fique apenas nas areas laterais em branco? eu uso um modelo simples de blog e desse jeito a imagem aparece por trás dos textos.

    Gustavo disse...
    10 de março de 2011 19:27 #

    Muito obrigado mesmo, estava tendo um problema em relação a um template que eu baixei na internet, e graças a você conseguir resolver :D

    Anônimo disse...
    3 de novembro de 2011 17:33 #

    obrigada, ajudou muito!

    Anônimo disse...
    1 de março de 2012 20:21 #

    valeu amigo pela ajuda

    Gllen.Lelouch disse...
    9 de dezembro de 2012 17:38 #

    Muito Bom, Funcionou Perfeitamente !

    Rotana baba disse...
    7 de julho de 2013 10:53 #

    I can't stand sleeping in complete silence, so I always have a fan on. Also, I'lll admit that I use my ipod for most of my work day since
    http://www.arabie3lan.com الشيخ الروحاني
    I spend a lot of it working through paperwork. I also often use it for my walks, though, from time to time, I'll go without it and just listen to the sounds around me and take in the nice weather.

    Lucas Brito disse...
    28 de fevereiro de 2014 12:56 #

    Método bem simples, funcionou corretamente, gostei muito do efeito, obrigado pela dica.

    Mácio Araújo disse...
    7 de abril de 2014 19:18 #

    Valeww pela ajuda meu brother

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.