domingo, 2 de janeiro de 2011

Modificando o fundo das postagens

À pedidido de um de nossos leitores, e espero que seja um de nossos seguidores, irei ensinar neste tutorial, como troca a cor do fundo das postagens e até mesmo colocar uma imagem.

Já logado no blogger, vá em "Editar HTML" e procure por:

#main-wrapper {

Mais abaixo dessa linha , ou ao lado, você encontrará a linha backgroundblack; 
(Coloquei black como valor de exemplo, mas no mesmo pode conter outro valor).

Vai estar mais ou menos assim pois difere de um template para o outro.

#main-wrapper {
background: black;
border: 0px solid #5C2D58;
overflow: hidden;
padding:10px;
}

(Lembrando que o valor do background acima destacado, é um exemplo.)

Na maioria das vezes a linha backgroundblack; vai estar contida, caso não esteja, adicione como você vê logo acima . O valor de background vai definir o fundo.

Caso queira colocar apenas uma cor de fundo, altere o valor de backgound para qualquer cor em hexadecimal, ou simplesmente digite o nome da cor em inglês:

background: white;


Caso queira colocar uma imagem de fundo, altere o valor de background para url(URL DA IMAGEM) repeat;
Deverá ficar assim:

backgroundurl(URL DA IMAGEM) repeat;

Na parte destacada de vermelho coloque a url da imagem.


Depois vizualize e salve!

Marcadores: ,

11 Comentários:

Às 3 de junho de 2011 23:01 , Blogger Babi disse...

Não consegui achar o código
#main-wrapper {
me ajuda?

 
Às 3 de junho de 2011 23:43 , Blogger Códigos Blogger disse...

Procure só por:

main-wrapper

 
Às 4 de junho de 2011 11:03 , Blogger Babi disse...

Ainda não achei :(

Procurei os 2 com e sem "Expandir modelos de Widgets" mas não encontrei nada.
ajuda?

http://barbarellacravoecanela.blogspot.com/

 
Às 4 de junho de 2011 11:46 , Blogger Códigos Blogger disse...

No teu caso, procure por:

.main-inner .date-outer

 
Às 30 de julho de 2011 13:01 , Blogger Babi Queiroz disse...

Olá fiz e deu tudo certinho!
Mas ficou EXATAMENTE na área das postagens e as bordas ficaram brancas você poderia me ajudar?
Beijos amo teu blog

bqbabi.blogspot.com

 
Às 31 de julho de 2011 23:27 , Blogger Códigos Blogger disse...

@Babi Queiroz Posso ajudar sim. Bom, o tutorial é para muduar o fundo das postagens, então creio que estava ciente que era EXATAMENTE a área das postagens que iria ocorrer a mudança. Mas no seu caso, creio que o fundo e a borda da postagem ficou branca por que tem alguma coisa errada.

Faça o seguinte:

Procure por #main-wrapper {

Abaixo dela localize a linha do background, e veja qual o valor dela, se estiver #fff (branco) deve estar aí o problema, dai é trocar esse valor (#fff) por outra cor hexadecimal;

Cores Hexadecimais

Depois procure pela linha "border" e veja qual o valor dele, se tiver #fff é porque também está branco, dai é só trocar também.

 
Às 28 de novembro de 2011 22:35 , Blogger Takayuki disse...

Tem como deixar só no final de cada postagem?

 
Às 1 de dezembro de 2011 11:46 , Blogger Códigos Blogger disse...

Como assim? Mande um email para codigosblogger@hotmail.com colocando informações mais detalhadas.

 
Às 17 de dezembro de 2011 08:20 , Blogger Jaqueline Santos disse...

oláaa ..

Procurei os 2 esse > #main-wrapper { e esse >.main-inner .date-outer Com e sem "Expandir modelos de Widgets" mas não encontrei nada.
ajuda?

Rosachoquemakeup.blogspot.com

 
Às 22 de dezembro de 2011 08:51 , Blogger Códigos Blogger disse...

Jaqueline, no seu caso, tente procurar por:

column-center-inner

 
Às 6 de julho de 2013 09:57 , Blogger Junior Silva disse...

não consegui fazer nada quero por a área de postagem preta com 50% de transparência mas não consegui até hj :(

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial