[Resolvido] Problema no template

fiz um blog e ele tem um problema no template, se eu colocar algum widget em cima da postagem ele fica com o msm background das barras laterais, ele deveria ficar com o msm plano de fundo das postagens ja que ele é do msm tamanho. olha a ss.



o site é Asda Story Brasil

quem resolver o problema ganha um real

cola o code da parte onde deve ficar o widget

o CSS não ajuda em nada , pois eu n sei o ID ou class dos widgets

mande o link de seu site , ficaria bem mais facil

Marcos escreveu:o CSS não ajuda em nada , pois eu n sei o ID ou class dos widgets

mande o link de seu site , ficaria bem mais facil

falou tudo \o

Eu olhei pela imagem ... e entrei em um endereço que parece ser o do seu blog.
Mas pelo menos na hora que entrei parecia não ter o widget , deixe o widget pelo menos um tempo para que agente possa dar uma olhada okay?

pronto agora vcs podem olhar o problema ^^

Bom , então okay

Por padrão.. no Blogger todo o conteudo dos widgets recebem a class

.widget-content

logo em todos os seus 'gadgets' ou 'widgets' voce terá
este codigo

Código:

<div class='widget-content'>
<data:content/>
</div>

e em seu CSS esta definido que tudo tenha a class 'widget-content'
tera este background :




Resumindo , basta que voce mude a class do widget que voce necessite para que o mesmo NÃO tenha este background.

como que eu faço isso?

¬¬

Quando for editar seu modelo , voce terá que mudar o class 'widget-content' para outra qualquer , MAS PRESTE ATENÇÃO para não mudar do widget errado ...

Com o Mozilla Firefox aberto, vá em ferramentas>Complementos, vá na aba "Adicionar" e em "Pesquisar complementos" digite Firebug e tecle enter. Instale o Firebug em seu Mozilla Firefox e reinicie o navegador.

Voltando ao Firefox, vá ate seu blog, clique encima do elemento defeituoso com o botão direito do mouse, e depois selecione a opção "Inspecionar Elemento". Na parte direita da janela que se abrirá, verifique se aparece algum endereço de imagens como fundo. Copie o endereço da imagem, procure no código HTML do seu template, e apague-o. Virifique tambem no inspetor o nome da class (ou ID).

Boa sorte.

Elker.C escreveu:Com o Mozilla Firefox aberto, vá em ferramentas>Complementos, vá na aba "Adicionar" e em "Pesquisar complementos" digite Firebug e tecle enter. Instale o Firebug em seu Mozilla Firefox e reinicie o navegador.

Voltando ao Firefox, vá ate seu blog, clique encima do elemento defeituoso com o botão direito do mouse, e depois selecione a opção "Inspecionar Elemento". Na parte direita da janela que se abrirá, verifique se aparece algum endereço de imagens como fundo. Copie o endereço da imagem, procure no código HTML do seu template, e apague-o. Virifique tambem no inspetor o nome da class (ou ID).

Boa sorte.

Esse é fã da Raposa mais eu prefiro o Chrome

fernandopasse escreveu:

Elker.C escreveu:Com o Mozilla Firefox aberto, vá em ferramentas>Complementos, vá na aba "Adicionar" e em "Pesquisar complementos" digite Firebug e tecle enter. Instale o Firebug em seu Mozilla Firefox e reinicie o navegador.

Voltando ao Firefox, vá ate seu blog, clique encima do elemento defeituoso com o botão direito do mouse, e depois selecione a opção "Inspecionar Elemento". Na parte direita da janela que se abrirá, verifique se aparece algum endereço de imagens como fundo. Copie o endereço da imagem, procure no código HTML do seu template, e apague-o. Virifique tambem no inspetor o nome da class (ou ID).

Boa sorte.

Esse é fã da Raposa mais eu prefiro o Chrome

Acho o FireBug mais completo . . .

Voltando ao assunto, o defeito no seu layout é pelo fato da área de widgets acima da postagem não ter background, ou ser um elemento vazio. Dai o background que aparece é o do próprio fundo da pagina. Você pode resolver isso colocando um quadrado branco na área das postagem, dentro da imagem de fundo, é só editar ela em algum editor de imagem.

Aqui amigo JUNTANDO COM MINHA RESPOSTA irei terminar por aqui ..

em seu CSS substitua

#main-wrapper {
width: 545px;
float: left;
margin-top: 11px;
margin-left: 10px;
overflow:hidden;
}
#Blog1 {
padding: 25px 15px 15px 15px;
background: #fff url(http://lh3.ggpht.com/_9vw7-ji5Mtk/SsAZFX3dBoI/AAAAAAAAAME/2ENw5eiuH20/s800/postagem%20meio.jpg) repeat;
overflow: hidden;
}
POR





#main-wrapper {
width: 545px;
float: left;
background: #fff url(http://lh3.ggpht.com/_9vw7-ji5Mtk/SsAZFX3dBoI/AAAAAAAAAME/2ENw5eiuH20/s800/postagem%20meio.jpg) repeat;

margin-top: 11px;
margin-left: 10px;
overflow:hidden;
}
#Blog1 {
padding: 25px 15px 15px 15px;
overflow: hidden;
}

Verifique se aha lgum erro , caso não salve