veja como se faz: ...efeito " Opacidade "

De tanto querer saber como se faz, sobre o tema em epígrafe,
pesquisei, e aonde encontrei , e entendi melhor foi em 02 
(dois )posts, de 02 (dois) blogs a saber:

1 -http://gemablog-.blogspot.com/

2 - http://templateseacessorios.blogspot.com/

 E, consegui, aprender, estudando junto os dois posts, os quais, compartilho abaixo,

e desde já agradecendo aos merecidos autores:

Gema e

Elke

 .::

Opacidade efeito para nossa equipe.

..."  Pyzam o efeito de opacidade com intensidade variável, aplicado a seus modelos."

"  A maneira de fazer isso é simples, basta adicionar uma linha ao CSS da nossa equipa e conseguir um efeito melhor do que vistosa.

Um exemplo é a imagem:

Iniciar?

"  Vamos nos colocar no nosso pessoal / edição de HTML
Nos códigos que eu então coloridos em azul mais ou menos o que você vai encontrar no seu modelo. Cor vermelho nós vamos adicionar."

Adicionar opacidade para cabeçalho, o cabeçalho do nosso blog:

# Header-wrapper {

width: 660px;

margin: 0 auto 10px;

border: 1px solid # 135070;

background-color: # 135070;

alpha (opacity = 80);-moz-opacity: filtro de 0,80; opacity: 0.80;-opacidade-khtml: 0,80;

}

A volta do principal. entradas de Área.

# Main-wrapper {

width: 410px;

float: $ Startsiden;
border: 1px solid # 135070;background-color: # 135070;

alpha (opacity = 80);-moz-opacity: filtro de 0,80; opacity: 0.80;-opacidade-khtml: 0,80;

word-wrap: break-word; / * Correção em texto longo quebra sidebar float no IE * /

overflow: hidden; correção * / para quebrar longas conteúdo não textual IE sidebar float * /

}

"  Coluna ou barra lateral (sidebar)"   :

# Sidebar-wrapper {

width: 220px;

float: $ endSide;

padding: 5px;

border: 1px solid # 135070;

background-color: # 135070;

alpha (opacity = 80);-moz-opacity: filtro de 0,80; opacity: 0.80;-opacidade-khtml: 0,80;

word-wrap: break-word; / * Correção em texto longo quebra sidebar float no IE * /

overflow: hidden; correção * / para quebrar longas conteúdo não textual IE sidebar float * /

}

O resultado dessas mudanças resultaria em algo parecido com isto:

..."  uma imagem de fundo e o corpo será inicialmente localizar o CSS."

body {

background: $ bgcolor;

margin: 0;

color: $ textcolor;

font: x-small Geórgia Serif;

font-size / */:/**/ * pequeno;

font-size: / ** / pequeno;

text-align: center;

background-color: # 056cb1;

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

background-attachment: fixed;

background-position: canto inferior esquerdo;

background-repeat: no-repeat;

border-color: # ffffff;

border-width: 0px;

border-style: solid;

}

"  A mudança é incrível não é?"

"  O resultado é apenas um exemplo, se você jogar com os valores de opacidade e cor de fundo vai ter um modelo personalizado ao seu gosto."

fonte e créditos do presente post:

http://gemablog-.blogspot.com/

2008/01/efecto-opacidad-para-nuestra-plantilla.html

e,
complemento com: 

Aprenda como se faz: 
  ... "    Efeito de transparencia no Blogger"



"   ... deixar o post e a sidebar com efeito de transparência. "

"  Clique na imagem abaixo,

para ver o efeito."

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

..." siga as dicas abaixo"...




"A primeira coisa a fazer é escolher uma imagem de fundo que seja grande o suficiente para cobrir toda a área de seu blog."

..."em Wallpapers, e/ou 

em sites especializados"...

..." encontrando  a imagem "...

..." hospede-a em um site. "

... querendo  clique AQUI e aprenda.


Em seguida vá até o HTML do seu blog e procure pelo código:

  body {

" Cole ,  abaixo dele, o seguinte código"

background: #000000 url("AQUI O ENDEREÇO DE SUA IMAGEM)" fixed no-repeat;

"  *Atenção, se no local já tiver outro código que inicie com "   background"    substitua tudo pelo código acima. O código em azul é a cor que ficará a página de fundo (neste caso, vem a ser a cor preta)."

 "  Escolha uma cor que predomine em sua imagem de fundo. Se quer que sua imagem se repita, retire a parte"no-" do código.
Para fazer o efeito na header (cabeçalho)            

Procure pelo código:

  #header-wrapper {

e cole,  o código abaixo, depois do código acima /\:

border:1px solid #808080;
background-color:#FAF2D4;
filter:alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
-khtml-opacity:0.50;

Para fazer o efeito nos posts.

Procure pelo código:

  #main-wrapper {

e cole,  o código abaixo, depois do código acima /\

border:1px solid #808080;
background-color:#FAF2D4;
filter:alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
-khtml-opacity:0.50;

Para fazer o efeito na sidebar (coluna)

Procure pelo código:

#sidebar-wrapper { 

e cole , o código abaixo, depois do  código acima /\

padding: 5px;
border:1px solid #808080;
background-color:#FAF2D4;
filter:alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
-khtml-opacity:0.50;

As partes em azul são as cores do fundo do post, sidebar e header.

"Escolha a cor que mais combina com seu template clicando AQUI."

"Para saber quais as cores que tem na sua imagem de fundo, clique AQUI"

"   Créditos: Gem@"

fonte e créditos :                                                    

http://templateseacessorios.blogspot.com/

2008/07/efeito-de-transparencia-no-blogger.html

http://wwwtestandocom.blogspot.com