Imagem fixa de fundo - Dicas para Blogs
Imagem fixa de fundo
Para colocar uma imagem fixa como fundo do blog ou site use o seguinte código:
Isso funcionar tanto para a pagina inteira como para algum setor especifico como por exemplo main, sidebar ou qualquer outra parte dependendo de como é escrito o CSS do seu site. Usei como exemplo as partes mais comuns do blogspot.
Evidentemente isso só terá utilidade no caso de usar uma imagem de fundo. No lugar onde está escrito endereço da imagem coloque a url da imagem(lugar onde você hospedou a imagem), pode usar para hospedar esse site http://imageshack.us. A url correta é aquela que termina com .gif ou .jpg dependendo como você salvou a imagem no seu computador, geralmente encontramos essa url no campo Direct link to image.
Essas alterações no código das imagens de fundo são feitas pela página editar html no Blogspot, para chegar nessa página clique em layout depois na guia editar html, então é só achar a parte do código que você deseja mudar para ficar mais fácil encontrar o que deseja clique ctrl F(isso abre uma janela para você escrever o que procura).
Anônimo 24 março, 2008 18:43
Me ajude! Olha kra, to muito perdido, eu meio que aprendi a mexer no photobucket mas, eu não sei como criar um button ou banner, não sei c é facil isso, mas eu não to conseguindo. Poderia me ajudar?
Fabiano Roberto 25 março, 2008 15:44
criar um banner ou button precisa de um programa para editar imagens, mas tem uns sites que fazem isso online
http://cooltext.com/TextureBrowse.aspx
Anônimo 25 março, 2008 19:17
VLW ae!! Mas poderia dizer tbm algum programa de editor de imagem?
Anônimo 27 março, 2008 02:31
COMO EU POSSO COLOCAR UMA 3ª COLUNA NO MEU BLOG??? SEGUI AS SUAS DICAS E CONSEGUI, MAS AS COLUNAS FICAM LADO A LADO....
QUERO QUE FIQUE UMA PARA A ESQUERDA E OUTRA PARA A DIREITA....
DESDE JÁ, OBRIGADO..
Diana 31 março, 2008 17:49
olá, ja consegui muda ro meu background com a sua ajuda mas nao consigo mudar a imagem do header , tem alguma dica para mim, estive a ver os seus post mas acho que nao vi sobre o header.
Obrigado por partilhar as suas dicas,estou a tentar personalizar o meu blog e tem dado jeito.
Fabiano Roberto 01 abril, 2008 16:36
Diana, para colocar no header ou qualquer outra parte é do mesmo jeito que no fundo da pagina toda.
encontre o .header{.............} e coloque o mesmo código que usou para o fundo da pagina.
Jorge Tenfen 30 junho, 2008 20:56
o Post ta show so não fico bem claro onde vão esses códigos. Eu sei que é um editar html mas onde eles vão.
Notícias incríveis 04 julho, 2008 20:38
Pow cara, valeu mano.
Noticias incriveis - Noticias mundo
Anônimo 09 janeiro, 2009 10:57
aquele codigo de imagem fixa no fundo o
tem q ficar em baixo do:
background-image: url(URL DA IMAGEM);}
Fabiano Roberto 09 janeiro, 2009 14:06
não tem essa chave depois do fixed, tente colocar assim:
background-image: url(http://img61.imageshack.us/img61/8285/bannerdicasdj6.jpg);
vai aparecer o banner desse blog como imagem de fundo fixa. mas tem que ser junto com o body{.....}
Anônimo 18 fevereiro, 2009 21:48
quero parceria se aceitar aparece no blog e deixa uma mensagen do cbox ai eu coloco um de seus banners no blog
Anônimo 05 março, 2009 19:01
cara eu n sei pq mas quando eu coloko uma img assim:
body {background-image: url(A URL DA IMAGEMG.gif);
ai o fundo fika branco!!!e outros textos mudam de cor!
entao u uso o baackground-color coloko a cor do fundo certa,mas ai os textos da minha postagem fika apagado(invisivel)!
Fabiano Roberto 06 março, 2009 13:11
primeiro onde você escreveu A URL DA IMAGEMG.gif está colocando o endereço de uma imagem certo? mas os sites de hospedagem fornecem varias urls, tem que ser o link direto para imagem e não de uma pagina com a imagem.
sobre a cor das letras não tem nada a ver com isso, cor da letra você define colocando color: #...... e a cor.
realmente se colocar background-color:#..... vai aparecer a cor por baixo da imagem.
Renato 11 março, 2009 17:12
eu coloquei a URL certa sim eu uso o direct link,eu peguei a img la do photobucket^^
e os textos fikam transparentes msm eu mudando novamente a cor no "Fontes e cores"!
Fabiano Roberto 11 março, 2009 17:31
voce deve ter apagado alguma coisa por engano.
a parte que controla a cor da letra é color:#ffffff; nesse caso seria cor branca.
Eduardo 03 julho, 2009 12:54
Po r gentileza, se alguem puder me ajudar postei as imagens no meu blog mas elas mudaram de cor !!
Fabiano Roberto 03 julho, 2009 14:39
qual código usou? é muito estranho o que você diz, as imagens não mudam de cor.
se quiser escreva para nosso email
Anônimo 06 julho, 2009 16:06
Mais uma vez um post útil para nossos blogs!!! xD
eu gostei muito deste post...
mais qria saber como eu posso fazer para por igual do seu blog os links para adss:
favoritos ,feed ,comunidade do orkut ,atualizaçoes por e-mail...
(para ir ao topo eu jah tenho em meu blog...)...
(fixos no canto da pag.)
Além do "Voltar ao topo"...os outros eu ñ achei nm um post sobe isto(desculpe se tiver)...
vlw!grato xD
Micarla 02 fevereiro, 2010 14:22
Oi,primeira vez aqui,achei muita coisa interassente,tudo bem explicado.Não tenho muita experiência com blog ainda.Queria saber se esse codigo também serve pra colocar uma imagem fixa no fundo da caixinha da barra com rolagem.
Fabiano Roberto 02 fevereiro, 2010 15:06
sim, deve funcionar em caixas com barra de rolagem também
GERMANO LIMA 31 março, 2010 15:50
CONSEGUI COLOCAR A IMAGEM NO BLOG, FICOU BOA, SÓ QUE ESTA MUITO GRANDE, ALGUÉM SABE COMO DIMINUIR E DEIXAR DO TAMANHO DA PAGINA DA WEB POR EXEMPLO ? VALEU !!!
J Meireles 05 abril, 2010 22:26
Eu consegui colocar uma imagem de fundo no meu blog, mas a imagem ficou também onde está escrito e atrapalha de ler. Tem como colocar tipo um fundo de uma cor só só onde ta escrito? Aguardo resposta o mais rápido possivel, obrigada :]
Fabiano Roberto 05 abril, 2010 23:28
na parte #outer-wrapper {... coloque uma cor de fundo, pode ser branco
Unknown 29 julho, 2010 18:49
ola fabiano mais uma vez.
Agradeco desde a exelente ajuda que tenho tido aqui neste site em honra do meu blog (www.tvhdedownloadsgratis.com)
Tenho uma duvida que talvez va virar novo post aqui que e a seguite...
eu quero criar um cabecalho genero blogs de downloads fixo ocupa o ecra todo dentro do seu tamanho,em cima com uma imgem ou banner criado por mim, sem alterar a imagem de fundo.
como e possivel fazer isso.sei que pode ser do template ja vem com esse formato.mas ai mudar de template e complicado agora...
podes ajudar s.f.f se esxite alguma maneira!algum codigo milagroso.
agradeco desde
Fabiano Roberto 30 julho, 2010 17:15
se entrar na pagina designer, clicar para editar o cabeçalho do blog você poderá enviar uma imagem para usar no lugar do titulo do seu blog
Santiago Régis 10 outubro, 2010 09:10
eu gostaria muito de fixar apenas parte do meu template. Gostaria que o cabeçalho fosse fixo, lugar onde tem o menu, e que todo o resto ficasse em escroll normal. Você, saberia me orientar me dando alguma dica a esse respeito?
obrigado e sucesso ao seu blog :D
Fabiano Roberto 10 outubro, 2010 14:35
acho que não tem como fixar uma parte da pagina, mas a questão também seria que se fixar um parte da pagina o restante que sobraria para realmente ver o seu blog seria pouco.
Unknown 18 novembro, 2010 18:25
como faço para colocar duas imagens de fundo uma após a outra.
Anônimo 11 abril, 2011 19:22
Muito Bom obrigado eu estavas hoje a procura disso para colocar no meu site de muonline e ficou show de bola a minha equipe aprovou e muito boa a sua iniciativa de postar aqui para nós continue assim e parabens
fagner 04 maio, 2011 13:24
eu achei muito legal esses codigos
Admin 02 outubro, 2011 15:13
não consegui colocar em que lugar na página de HTML tem que colocar o código
Fabiano Roberto 02 outubro, 2011 18:10
esse código é para usar no body{.... }
Manu 30 dezembro, 2011 18:04
Alterei o template do meu blog e, diante de tantos erros para conseguir colocar o modelo que queria, acabei escolhendo um modelo simples do próprio blogger. Ocorre que eu queria muito que o desenho ficasse em toda a página e não apenas no título. Vc pode me ajudar?
Fabiano Roberto 31 dezembro, 2011 00:30
para deixar a imagem repetir é só usar esse código
Joicinha Scraps 19 dezembro, 2012 19:14
Olá, adorei o suas dicas, será que pode me ajudar, uma pessoa editou o meu blog, a primeira vez q fiz, encontrei um novo modelo que qro colocar, mas de nenhuma maneira consigo editar a imagem fixa do fundo, eu simplesmente não a encontro, poderia me ajudar?Obrigada desde já.
Fabiano Roberto 19 dezembro, 2012 23:14
Joicinha para fixar uma imagem de fundo é com o código que mostramos aqui ou então direto pela pagina design do modelo, veja o link abaixo:
mas seja qual for a opção que usar para editar seu blog faça um backup antes de mexer no template assim se tiver algum problema poderá voltar ao seu modelo atual facilmente