Categories: Layouts :

Plano de fundo

Showing 1-34 of 34 messages
Plano de fundo vovo santa 10/25/09 2:13 PM
Preciso urgente saber como faço para colocar um plano de fundo com fotos da minha coleção e minhas estampas feitas no corel, como faço para personalizar meu blog?
Re: Plano de fundo arsolto 10/25/09 2:49 PM
Antes de aplicar qualquer mudança no Blog, faça o backup completo dele. No Blogger, vá em Configurações > Básico > Exportar blog para fazer o download do arquivo das postagens. E para fazer o download do template atual do Blog, vá em Layout > Editar HTML > Baixar modelo completo.

Agora você já pode alterar o que quiser sem medo de perder alguma coisa ou gerar erros no Blog.

Experimente a solução encontrada neste site: http://templatesparanovoblogger.blogspot.com/2007/03/mudando-o-plano-de-fundo-do-blogger.html .

Atenciosamente, Alan A. Dantas: http://arsolto.blogspot.com/ .
Re: Plano de fundo thiagospassos 1/22/10 5:26 AM
Eu estava com o mesmo problema que você, e consegui resolver.
Eu queria colocar uma imagem que eu criei como plano de fundo do meu blog.
Então fiz da seguinte forma... Fui no picasaweb.google.com.br , entrei com o mesmo login do blog, e cliquei em upload e, automaticamente, vai aparecer como um album o seu blog. (obs.: eu nem sabia que ficava armazenado lá as imagens do meu blog, mas ficam, o problema é que o album não fica listado). Então vc faz upload da imagem que vc quer. Depois de postar a imagem, vc entra na imagem, e pega a URL dela, clicando com o botão direito do mouse. Em seguida é só colocar como manda o figurino, nas configurações do blog, vai em layout, editar HTML, e por aí vai....
No meu, eu coloquei assim:

body {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  color: $mainTextColor;
  background-image: url(http://lh3.ggpht.com/_J0gxVyTazUA/S1mecINdk1I/AAAAAAAAAVE/ZpirqxZhx5E/background.jpg);
  background-position:center;
  background-repeat: repeat-y;
  background-color: #BFD4FF;
  font-size: small;
}
Re: Plano de fundo Serena® 2/18/10 7:29 PM
Thiago....consegui seguir todos os teus passos...mas  meu plano de fundo não ficou direito. :(
Qual o tamanho ideal pra se salvar o dito cujo?Pq eu peguei um na Net que tem 2074 x1200....pra mim seria de um bom tamanho, mas ele só fica no topo do background...o que fiz de errado?Agradeço qq ajuda!
Re: Plano de fundo thiagospassos 2/19/10 4:17 AM
Olá Serena,

Cada caso é um caso. Na minha situação, eu coloquei uma imagem com 940px de largura por 1px de altura. Já que configurei o plano de fundo para se repetir no eixo Y (background-repeat: repeat-y;).
A imagem que você está colocando, acredito que esteja muuuuito grande. A resolução de monitor mais utilizada hoje em dia é 1024x768, então qualquer tamanho que você tentar usar acima disso, a imagem não vai aparecer por completo. O resolução que eu uso no meu computador é 1440*900, e mesmo assim sempre me baseio na configuração padrão (1024x768).

Se tiver qualquer outra dúvida, é só perguntar. :D
Re: Plano de fundo LedaMartins 2/20/10 7:31 PM
Thiago ainda bem que achei sua solução. Faz dias que estou tentando colocar um background-image em meu blog mas no consigo de forma alguma. Copiei colei o seu com alteração do end. da url ai a unica coisa que aconteceu foi a cor que alterou. Bem nao sei se mainha imagem ta gde. ela esta com 640×486 pixels – 48 KB será este o problema? Veja minas coordenadas:

body {
  margin:0;
  padding: 0;
  border: 0;
  color:$textcolor;
  background-image: url(http://picasaweb.google.com.br/lh/photo/Me1bip42YOm9m3J79IyfBA?feat=directlink)repeat-x center 30px;
  background-position:center;
  background-repeat: repeat-y;
  background-color: #BFD4FF;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }

Obrigada pela atenção, aguardo um retorno.
Re: Plano de fundo thiagospassos 2/22/10 4:43 AM
Para você mudar a cor do background, você vai alterar a propriedade: "background-color: #BFD4FF;", essa cor "#BFD4FF" está em RGB, em qualquer programa de edição de imagem, você consegue pegar a cor que você quer em RGB, talvez você visualize a mesma cor dessa forma 191;212;255, que é RGB em decimal, ai é só converter cada valor pra hexadecimal, e está pronto.
Quanto ao tamanho da imagem, como eu respondi para Serena@, cada caso é um caso, se você quer saber se a imagem vai ficar leve para carregar, isso vai ficar, agora quanto as dimensões vai de acordo com o layout do site. Eu só não aconselho colocar uma imagem com a largura maior que 1024, pois dessa forma a imagem não aparecer por completo na maioria dos navegadores.

Espero ter ajudado.

Abraço.
Re: Plano de fundo LedaMartins 2/22/10 12:24 PM
Oi Tiago, mais ou m enos.. to perdida ainda... mas to tentando.. ta complicado.. mas ja aprendi um bocado.. vamos ver oq consigo.. mudei td agora.. mas agradeço a atenção.
Re: Plano de fundo Mynanda 3/19/10 8:32 PM
Olá, eu fiz do jeito que vcs disseram, mas não estou conseguindo. Seria de muita ajuda, pois gostaria de colocar um plano de fundo, mas não consigo, fiz o negócio lá do picasa e tal, mas qnd chega em fazer o upload... já fiz uma cópia do modelo tb.
Aonde eu coloco isso?  

body {
  margin:0;
  padding: 0;
  border: 0;
  color:$textcolor;
  background-image: url(http://picasaweb.google.com.br/lh/photo/Me1bip42YOm9m3J79IyfBA?feat=directlink)repeat-x center 30px;
  background-position:center;
  background-repeat: repeat-y;
  background-color: #BFD4FF;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;

obrigada,

Fernanda
Re: Plano de fundo thiagospassos 3/20/10 5:36 AM
Se você estiver utilizando o Blogger, é só ir no painel de configurações do seu blog, depois em layout, em seguida em Editar HTML. Você vai substituir esse "body" pelo que tem lá.
Re: Plano de fundo Fernandopasse 3/20/10 9:33 AM
é só modificar o background da body por background: url( coloque a url de plano de fundo);
Re: Plano de fundo Mynanda 3/20/10 2:26 PM
Olha, eu segui direito, mas não consegui... qual o " body " e qual o background ? já tentei de tudo... sou meio lerdinha se puderem continuar me ajudando.... =D
Re: Plano de fundo Luanalulluk 4/22/10 12:22 PM
O meu ficou branco?! demora muito pra aparecer?
Re: Plano de fundo x__naana 5/3/10 6:05 PM
segui os passos do thiago...
mas a imagem nao ficou certinha... ela ficou assim: http://lh3.ggpht.com/_4x4b2eIfQWk/S99yj8iYl2I/AAAAAAAAAGI/xZDp-TNpNmI/s800/FUNDO.jpg
eu queria que o fogo, ficasse no fim da pagina sabe?

se alguem souber como me ajudar, agradeço :D
Re: Plano de fundo Susana Antunes 5/20/10 10:38 AM
thiago.. eu sei fazer isso e tals , mas seeeeemmmpprree da ERRO,
Não Foi Possível salvar o modelo
Corrija o Erro Abaixo e envie o Seu modelo Novamente.
Não Foi Possível analisar o modelo Seu, POIs É SUA formatação inadequada. Certifique-se de Elementos de Todos os Que Estão os Fechados XML adequadamente.
Mensagem de Erro em XML: A instrução do processo deve começar com o nome do alvo.

O QUE É XML, o que eu faço pra dar certo? beijos, obg desde ja ;D
Re: Plano de fundo thiagospassos 5/20/10 3:44 PM
XML é eXtensible Markup Language, mas vc não precisa saber disso. Coloca o seu modelo aqui pra eu dar uma olhada, e eu te falo o que pode ser consertado.

Abraço..
Re: Plano de fundo tatianees2 6/10/10 9:01 AM
Oi, eu to tentando colocar uma foto que achei no site do google, mais to fazendo de tudo e não consigo ..


body {
  background:$bgcolor;
  margin:0;
  color:$textcolor;
  font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }
a:link {
  color:$linkcolor;
  text-decoration:none;
  }
a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
  }
a:hover {
  color:$titlecolor;
  text-decoration:underline;
}
a img {
  border-width:0;
  }


a foto é essa . http://lh5.ggpht.com/_ggnfRb9416o/TBEI_TAaBnI/AAAAAAAAACk/hTt6lSaNXts/s640/colorido-4291.jpg

brigadaa  !
Re: Plano de fundo thiagospassos 6/10/10 2:36 PM
Oi tatiane,

Eu criei um pagina html aqui para testar esse modelo que vc me mandou, e ele está correto. A única coisa que falta acrescentar, é a linha:

background-image: url(http://lh5.ggpht.com/_ggnfRb9416o/TBEI_TAaBnI/AAAAAAAAACk/hTt6lSaNXts/s640/colorido-4291.jpg)

Dentro do body, ficando assim....

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-image: url(http://lh5.ggpht.com/_ggnfRb9416o/TBEI_TAaBnI/AAAAAAAAACk/hTt6lSaNXts/s640/colorido-4291.jpg)
}

Espero que tenha ajudado.
Re: Plano de fundo weetsh 6/12/10 5:55 PM
oi gente podem me ajudar tipo assim eu quero colocar imagem so na parte onde fica as postagem e os conteudos essas coisas não quero que a imagem de fundo fique por toda a tela se poder me ajudar .
Re: Plano de fundo thiagospassos 6/12/10 7:27 PM
Olá weetsh,

Eu fiz um teste no meu blog e funcionou perfeitamente. Você vai fazer o seguinte.
Na parte de edição do HTML do seu blog, você vai encontrar um estilo com o nome "#main", no meu caso, ele está assim:

#main {
  width: 600px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

você vai alterar esse modelo, acrescentando essa linha:

background-image: url(url da sua imagem);

No meu caso ficaria assim:

#main {
  width: 600px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  background-image: url(http://lh6.ggpht.com/_J0gxVyTazUA/TBRAO4oeVeI/AAAAAAAAA8E/lES1_gk6FKU/coracao.jpg);
}

Espero que tenha ajudado.

Att.
Thiago.
Re: Plano de fundo L.A.G. 6/26/10 8:32 AM
O meu só fica branco! :(

body {;
  margin: 0;
  text-align: center;
  min-width: 760px;
  background: #ce436e url(http://lh4.ggpht.com/_HbM-zrIJQOo/TCYX3EyVgQI/AAAAAAAABWo/ZS5uiUhQQwg/s640/3.jpg)
  color: $textColor;
  font-size: small;
}
Re: Plano de fundo thiagospassos 6/26/10 9:00 AM
Olá L.A.G.,

Esse é um erro comum até entre desenvolvedores. Um simples ponto-e-virgula num lugar onde não deveria estar, ou um espaço em branco num lugar que deveria estar uma virgula fode tudo :D

No seu caso, o problema é o seguinte, tem um ponto-e-virgula depois da primeira chave que não deveria ter, e está faltando um ponto-e-virgula para finalizar a linha do background. O correto seria assim:
Espero que tenha ajudado.

Até logo...
Re: Plano de fundo L.A.G. 6/26/10 2:41 PM
Ajudou sim! Muito Obrigado!
Re: Plano de fundo Isabella Amorim 7/26/10 5:04 PM
Thiago, boa noite! Eu meio lerda para computador, já fiz de tudo, já li várias tutorias, ajudas e nada.
Eu fiz tudo certinho que vc falou, fiz upload, coloquei esse código, substitui pela url da imagem que eu queria mas deu o mesmo erro  que ja comentaram anteriormente do tal do XML. Não sei o que fazer...me ajudaaa!!!! Abaixo o código que eu tentei:
body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: $mainTextColor;
background-image: url
(http://lh6.ggpht.com/_iWQNlRj2Sy0/TE4cmgZZq3I/AAAAAAAAAGI/JvpHuLLCazk/FINAL.jpg;
background-position:center;
background-repeat: repeat-y;
background-color: #BFD4FF;
font-size: small;
}
E esse é o url da imagem:
http://lh6.ggpht.com/_iWQNlRj2Sy0/TE4cmgZZq3I/AAAAAAAAAGI/JvpHuLLCazk/FINAL.jpg
Re: Plano de fundo thiagospassos 7/27/10 1:15 AM
Ola Isabella,

Acabei de testar seu código com algumas alterações e funcionou.

O único problema é que na linha do "background-image", você esqueceu de fechar o parêntese.

Ficaria assim então:

background-image: url(http://lh6.ggpht.com/_iWQNlRj2Sy0/TE4cmgZZq3I/AAAAAAAAAGI/JvpHuLLCazk/FINAL.jpg);

Vocë tambem pode substituir as 4 linhas de background só por essa:

background:repeat-y center url(http://lh6.ggpht.com/_iWQNlRj2Sy0/TE4cmgZZq3I/AAAAAAAAAGI/JvpHuLLCazk/FINAL.jpg) #009933;

É isso, espero que tenha ajudado.

Abraço.
Re: Plano de fundo Isabella Amorim 7/27/10 7:16 AM
Thiago....sou eu novamente :(
Não consegui porque deu o mesmo erro. O código para colocar no espaço lá seria esse? Se não for teria como vc colocar o certo aqui pra mim? Pq ai paro de te perturbar hahahaha

body {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  color: $mainTextColor;
  background-image: url
(http://lh6.ggpht.com/_iWQNlRj2Sy0/TE4cmgZZq3I/AAAAAAAAAGI/JvpHuLLCazk/FINAL.jpg);
  background-position:center;
  background-repeat: repeat-y;
  background-color: #BFD4FF;
  font-size: small;
}
Re: Plano de fundo thiagospassos 7/28/10 12:28 AM
Soh lembrando que vc nao pode deixar espaco entre o "url" e "(http://lh6.ggpht.com/_iWQNlRj2Sy0/TE4cmgZZq3I/AAAAAAAAAGI/JvpHuLLCazk/FINAL.jpg);", se nao nao funciona.

Testei com o seu codigo e funcionou aqui:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
</head>
<style type="text/css">
body {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  color: $mainTextColor;
  background-image: url(http://lh6.ggpht.com/_iWQNlRj2Sy0/TE4cmgZZq3I/AAAAAAAAAGI/JvpHuLLCazk/FINAL.jpg);
  background-position:center;
  background-repeat: repeat-y;
  background-color: #BFD4FF;
  font-size: small;
}
</style>
<body>

</body>
</html>
Re: Plano de fundo giuliageyer 9/13/10 2:10 PM
Presciso colocar um plano de fundo deste site:http://www.thecutestblogontheblock.com// mas n consigo de jeito nenhum como se coloca?
Re: Plano de fundo josibatist 9/14/10 6:15 AM
Olá,
uso o blogger, li as postagens acima. Não estou encontrando em configurações o layout, alguém pode me ajudar?
o Fundo que eu gostaria de colocar é esse.
http://lh3.ggpht.com/_jqzkstgdE5c/TI4jQc1Dk3I/AAAAAAAAAlM/fMmVmqqRyjc/s512/ssam_cutiepatootie_paper3.jpg
Re: Plano de fundo thiagospassos 9/14/10 9:05 PM
Nas configuracoes do blog, voce vai encontrar uma aba chamada "Design", depois clique em Editar HTML.
Pronto, lah voce pode alterar todo o codigo do seu blog.
Re: Plano de fundo borboletas 12/9/10 6:18 AM
Thiago, pelas datas vejo q este fórum foi encerrado faz um tempinho. Mas pesquisando no Google, cheguei aqui.
Estou tentando aprender como se coloca um plano de fundo no blogger, não porque queira mudar o meu, mas porque ficarei responsável por am blog de uma empresa e gostaria de saber como fazer.
Já segui tudo o que vc explicou acima, mas não estou conseguindo, primeiro porque estes códigos não aparecem assim como vc descreveu para mim, aparece tudo diferente.
Olha como aparece:

body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
  padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
  $(body.background.override)
}

html body $(page.width.selector) {
  min-width: 0;
  max-width: 100%;
  width: $(page.width);
}

a:link {
  text-decoration:none;
  color: $(link.color);
}

a:visited {
  text-decoration:none;
  color: $(link.visited.color);
}

a:hover {
  text-decoration:underline;
  color: $(link.hover.color);
}

.body-fauxcolumn-outer .fauxcolumn-inner {
  background: transparent $(body.background.gradient.tile) repeat scroll top left;
  _background-image: url(http://lh6.ggpht.com/_ZQoFGFasLmE/TQDiIxoy5kI/AAAAAAAAAUU/msXu8yvgUbM/xadrez_vichy.jpg);
}

.body-fauxcolumn-outer .cap-top {
  position: absolute;
  z-index: 1;
  height: 400px;
  width: 100%;
  background: $(body.background);
  $(body.background.override)
}

.body-fauxcolumn-outer .cap-top .cap-left {
  width: 100%;
  background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
  _background-image: url(http://lh6.ggpht.com/_ZQoFGFasLmE/TQDiIxoy5kI/AAAAAAAAAUU/msXu8yvgUbM/xadrez_vichy.jpg);
}

.content-outer {
  -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

  margin-bottom: 1px;
}

.content-inner {
  padding: $(content.padding) $(content.padding.horizontal);
}

$(content.background.color.selector) {
  background-color: $(content.background.color);

Tentei colar a url da imagem onde aparecia "background-image:" em dois lugares. Mas devo ter feito algo errado, porque ela não aparece.

Se vc puder ajudar mais uma pessoinha perdida, te agradeço imensamente!

Abs,
Sabrina.
=)
Re: Plano de fundo borboletas 12/9/10 6:19 AM
A propósito, não sei porque aparece "borboletas" na resposta q eu publiquei. Meu nome é Sabrina mesmo.
Re: Plano de fundo GuilhermePDC 3/13/11 9:50 AM
Oláaaaaaaaa galera...
Isto ai num ajudo em nada né? Pois é, nem a mim, mas eu vou ensinar a vcs como mudar o plano de fundo do blogger...
Vcs vao em DESIGNE>HTML e ai vcs clicam na caixinha: EXPANDIR MODELOS WIDGETS e apertem CTRL+F e procurem por: value="$(color) url
depois a url que esta dentro dos parênteses é a imagem do fundo do blog, vc apaga ela, ñ apague os parênteses, e cole a url da imegem que você  quer colocar de fundo.
Se vc ñ sabe onde hospedar imagens aqui está um ótimo site, ele ñ altera a qualidade da imagem:

http://imageshack.us/toolbar/pictures.php

Se foi útil pv, entrem no meu blog, na verdade é um blog rádio, pv entrem e vejam como se faz! :D

http://habbleblum.blogspot.com/
Re: Plano de fundo Cléia 1/18/12 7:12 AM
Olá Guilherme PDC,
Eu consegui fazer com sua dica, aliás é super fácil, mas ao visualizar o blog a imagem fica em pequenos quadrados  e não inteira no fundo.
Como faço para que ela fique em tamanho único?

Obrigada pela ajuda.

More topics »