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/
" A maneira de fazer isso é simples, basta adicionar uma linha ao CSS da nossa equipa e conseguir um efeito melhor do que vistosa.
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."
# Main-wrapper {
# Sidebar-wrapper {
..." uma imagem de fundo e o corpo será inicialmente localizar o CSS."
" 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."
e,
complemento com:
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."
" Cole , abaixo dele, o seguinte código"
" *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)."
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.
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:
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.
http://wwwtestandocom.blogspot.com
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 HTMLNos 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;
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:
e,
complemento com:
Aprenda como se faz:
... " Efeito de transparencia no Blogger"
" ... deixar o post e a sidebar com efeito de transparência. "
... " 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.
"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 "...
..." encontrando a imagem "...
..." hospede-a em um site. "
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:
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.
fonte e créditos :
http://wwwtestandocom.blogspot.com