sábado, 5 de junho de 2010

Como deixar o fundo do template com transparência

Pra você que quer dar uma diferenciada no seu template, essa é uma ótima dica.Vou ensinar como deixar o fundo do template semi transparente.

Então faça o seguinte - Vá em Layout - Editar HTML

Procure pela linha  #content-wrapper {


Logo abaixo dela vai ter essa outra linha:

background-colorou background

Exclua ela e seus componentes.



 Clique para ampliar


E abaixo de  #content-wrapper { cole o codigo:

background-color: rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.5);
color: rgba(0, 0, 0, 0.5);

Na parte destacado de vermelho, é onde você deve colocar a cor em RGB. Veja um exemplo:

background-color: rgba(0, 137, 67,0.5);
background: rgba(0, 137, 67, 0.5);
color: rgba(0, 137, 67, 0.5);

Clique aqui pra ver a tabela de cores

Na parte azul, é o nível de opacidade. Coloque um valor de 0.1 à 0.9 para definir a transparência. Lembrando que quanto maior o valor, menos vai ser a transparência, e vice-versa.

Se colocar o valor 0, vai ficar sem opacidade.

Depois de fazer as modificações, salve!

Marcadores: , , ,

7 Comentários:

Às 25 de junho de 2010 19:44 , Anonymous RAFAEL CARVALHO disse...

Obrigado pela dica não lembrava o que tiha q fazer, um abraço.

 
Às 18 de julho de 2010 14:36 , Blogger bia' baltasar disse...

não há nenhuma forma de por a transparência só no fundo do post, sem afectar as imagens e o texto??

 
Às 18 de julho de 2010 15:08 , Blogger Códigos Blogger disse...

sim, tem com, em breve estarei atualizando este post novamente.

 
Às 19 de julho de 2010 07:33 , Blogger bia' baltasar disse...

obrigada :)
já ando a procurar isso à algum tempo e nunca encontro nada ..

 
Às 2 de outubro de 2010 07:38 , Blogger Pedro disse...

Oi galera desse blog, tenho um blog que fez 1 ano em agosto de 2010 mas nao tenho experiencia e estou pegando tudo daqui, obrigado por ajudar...

 
Às 2 de outubro de 2010 07:45 , Blogger Pedro disse...

Sabe como por jogos no blog neh pois eh muito cedo entao voltarei mais tarde ainda hoje

 
Às 3 de outubro de 2010 22:45 , Blogger Códigos Blogger disse...

@pedro - siga o tutorial no link abaixo.

http://www.cblogger.tk/2010/10/colocando-jogos-flash-online-no-blog.html

 

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