Comments on Dicas para Blogs: Colocar fundo semi transparente no blog

vou fazer alguns testes, depois das recentes alter...

2010-05-26T16:17:07.388-03:00

vou fazer alguns testes, depois das recentes alterações no blogger, e atualização de alguns navegadores, alguns códigos estão apresentando falhas.

nao da mesmo ja tentei da forma que me disse e nad...

2010-05-26T16:00:53.968-03:00

nao da mesmo ja tentei da forma que me disse e nada nao encontro

procure somente por #outer, isso varia um pouco co...

2010-05-26T15:34:27.085-03:00

procure somente por #outer, isso varia um pouco conforme o modelo do blog

o meu blog nao tem esse condigo do #outer-wrapper ...

2010-05-26T09:28:57.891-03:00

o meu blog nao tem esse condigo do #outer-wrapper no meu template. pode me ajudar?

mas parece tudo certo no seu código

2010-04-24T15:05:15.497-03:00

mas parece tudo certo no seu código

OBG ! eu achei! maaas nem ta da ndo e efeito ! ve ...

2010-04-24T11:18:46.533-03:00

OBG ! eu achei! maaas nem ta da ndo e efeito ! ve para mim o q esta errado ?

#outer-wrapper {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity:0.7;
margin:0 auto;
border: 0;
width: 692px;
text-align: $startSide;
background: $mainBgColor url(http://www.blogblog.com/moto_ms/innerwrap.gif) top $endSide repeat-y;
font: $bodyFont;
}

bjs

o seu está assim: #outer-wrapper { margin: 0 auto;...

2010-04-21T14:30:35.861-03:00

o seu está assim:
#outer-wrapper {
margin: 0 auto;
border: 0;
width: 692px;
text-align: left;

Olá ! Não consigo achar #outer-wrapper { margin: ...

2010-04-20T19:35:12.502-03:00

Olá !
Não consigo achar
#outer-wrapper {
margin: 0 auto;
border: 0;
width: 980px;
text-align: left;......}

o que eu faço ?

oi ! não consigo achar #outer-wrapper ! me ajude...

2010-04-20T19:23:06.532-03:00

oi !
não consigo achar #outer-wrapper !
me ajude por favor !

ps.: AMO O SEU BLOG *-*

Caramba muito legal esta dica. Porém observe, temo...

2010-03-26T21:38:54.543-03:00

Caramba muito legal esta dica. Porém observe, temos basicamente isto: o Cabelho, a Área da postagem e a Sidebar. O que eu estava tentando deixar (totalmente) invisível era o que restou, ou seja, o fundo atráz dos Cadgets, que no meu blog é preto. Mas essa sua dica me deixou assim... conformado e satisfeito! Muito obrigado.

não achei '#outer-wrapper' e nem '#main' no meu. o...

2010-03-17T15:37:15.878-03:00

não achei '#outer-wrapper' e nem '#main' no meu.
obs: eu ja havia alterado antes,o código que está lá não é o original, será que é por isso?
pq eu tinha colocado o fundo que aprendi em um blog espanhol, mas não gostei, e aprendi outras coisas que me agradaram mais, então só fui mudando as partes que eu queria a partir do código que ja tinha. tem solução, seu eu ter que colocar um layout original do blog e mudar tudo de novo?

bfestaseventos.blogspot.com

Tentei colocar na area somente das postagens mas n...

2010-02-17T13:02:49.177-02:00

Tentei colocar na area somente das postagens mas não funfo,se puder dar uma olhada no meu caso eu agradeço,e sem querer abusar,vc sabe como eu posso definir uma distância da sidebar do lado esquerdo para as postagens,assim como tem um espaço entre as postagens e a sidebar do lado direito...hehe Brigadão e foi mal ae pelo tamanho do comentário.

o seu template é um pouco diferente, tem varios lu...

2010-01-24T15:49:43.757-02:00

o seu template é um pouco diferente, tem varios lugares onde pode tentar colocar o código
#main-bot
#main-top
#outer-wrapper
mas acho que só funcionará se for no blog todo

Eu acabei de colocar o código filter:progid:DXImag...

2010-01-24T15:38:11.217-02:00

Eu acabei de colocar o código filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity:0.7; depois de #main {, mas isso não apareceu ou não funcionou. O que errei?

Gustavo Reis no html procure por #main { width:430...

2010-01-24T14:59:21.055-02:00

Gustavo Reis
no html procure por #main {
width:430px;
.......
....}

e coloque dentro dessas chaves o código para deixar semi transparente, mas isso vai deixar a parte das postagens inteira semitransparente, não tem como escolher qual parte ficará ou não

Essas duas dicas me deixaram frustradas! Porque qu...

2010-01-24T10:43:41.114-02:00

Essas duas dicas me deixaram frustradas! Porque quando eu coloquei os códigos, fui visualizar, o visual do texto ficou feio e deselegante, não gostei que o texto fosse transparente! Salvei sem querer, deu errado no meu blog, fiquei afetado e revoltado, meu blog ficou em desordem, eu tinha que limpar os htmls e css, coloquei o html clássico, já reparei e arrumei, pronto, agora, quero te pedir:

Primeiro vou copiar a parte dos meus códigos-fonte do layout do meu blog, aí você colocará os novos códigos em negrito entre os meus códigos, antes de fazer isso, no final da minha postagem, você vai entender o que vou te explicar:
1) Quero que apenas o plano do fundo (borda) do texto, seja semitransparente, mas apenas a parte das postagens fique transparente, enquanto quero manter normal a outra parte (esquerda) em que ficam o meu perfil, meus arquivos, meus marcadores, meus seguidores, meus visitantes, etc.;
2) NÃO quero que o título do blog, a descrição do blog, o título das postagens, o texto das postagens, a descrição ou título de cada gadget sejam transparentes, mas sejam normais ou escuros porque não gostei desse visual, achei-o deselegante e feio;
3) Bordas e margens coloridas sejam mantidos normais.

#outer-wrapper {
background-color:#98c00f;
border-$startSide:3px solid #017c31;
border-$endSide:3px solid #017c31;
border-top:3px solid #017c31;
border-bottom:3px solid #017c31;
width:700px;
margin:0px auto;
padding:8px;
text-align:center;
font: $bodyFont;
}
#main-top {
width:700px;
height:49px;
background:#f08901 no-repeat top $startSide;
border-$startSide:5px solid #f3ad11;
border-$endSide:5px solid #f3ad11;
border-top:5px solid #f3ad11;
border-bottom:5px solid #f3ad11;
margin:0px;
padding:0px;
display:block;
}
#main-bot {
width:700px;
height:81px;
background:#f08901 no-repeat top $startSide;
border-$startSide:5px solid #f3ad11;
border-$endSide:5px solid #f3ad11;
border-top:5px solid #f3ad11;
border-bottom:5px solid #f3ad11;
margin:0;
padding:0;
display:block;
}
#wrap2 {
width:700px;
background:white repeat-y;
margin-top: -14px;
margin-$endSide: 0px;
margin-bottom: 0px;
margin-$startSide: 0px;
text-align:$startSide;
display:block;

aqui tem alguns sites com imagens de fundo http://...

2009-12-07T17:51:55.381-02:00

aqui tem alguns sites com imagens de fundo
http://www.dicasparablogs.com.br/2008/11/imagem-para-fundo-do-blog.html

eu queria saber se vc tem um site de fazer uma ima...

2009-12-07T15:50:10.827-02:00

eu queria saber se vc tem um site de fazer uma imagen para o cabecalho do blog

Tenho IE 8 e a ultima versão do firefox (3.6). No ...

2009-11-14T21:48:08.451-02:00

Tenho IE 8 e a ultima versão do firefox (3.6). No Internet Explorer 8 funcionou direitinho, mas no firefox na da certo devido a alguma falha ainda não corrigida pela Mozila. Obrigado pelo código... eu estava procurando a um tempão e só agora consegui. Falow!

amei d+ funcionou direitino

2009-09-20T19:31:34.205-03:00

amei d+ funcionou direitino

depois da ultima atualização do firefox esse códig...

2009-08-31T14:29:40.450-03:00

depois da ultima atualização do firefox esse código começou a dar problemas, acho que nas versões mais atualizadas não funcionará mais a não ser o o firefox corrija a falha.

Olá amigo não funciona em meu blog !!! Aew vai o t...

2009-08-31T11:16:56.109-03:00

Olá amigo não funciona em meu blog !!!
Aew vai o trecho em que queria colocar o codigo, para que possa dar uma olhada!

#sidebar-wrapper {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity:0.7;
background: url();
width: 220px;
margin: 10px 5px 0px 0px;
background-color: #000000;
border:2px solid #22d756;
float: left;
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 */
}

Acho que estou colocando certo o codigo, se puder me ajudar ficarei grato.

Abraço.

Jack.

Muito show vou colocar no meu siteee

2009-08-28T23:24:57.142-03:00

Muito show vou colocar no meu siteee

era para ficar semi transparente o setor correspon...

2009-08-09T20:14:48.621-03:00

era para ficar semi transparente o setor correspondente ao estilo onde colocou o código, por exemplo se colocar em #sidebar{... o menu do blog ficará semi transparente

Olá amigo coloquei em meu blog, mas nada se altero...

2009-08-09T19:44:29.285-03:00

Olá amigo coloquei em meu blog, mas nada se alterou?
Era para ficar o q semi-transparente ?

Espero que possa me ajudar, pois acho que era isso que procurava !!

Abração Jack