Adicionar o parâmetro "height: 100px;" na class ".wrapper", no CSS do tema padrão.
Código PHP:
.wrapper { width: 85%; min-width: 970px; max-width: 1500px; height: 100px; // Não tem na class atualmente margin: auto; }
Como o banner tem sempre 100px de altura, recomendo deixar já regrado no CSS.
Quando a imagem do banner ainda não está no cache e a página já é formada e apresentada pelo DOM, o elemento tem height 0.
Então fazendo com que ele só tome seu tamanho certo quando as medidas da imagem são carregadas.
(08/11/2012, 20:50)Shiki Escreveu: Adicionar o parâmetro "height: 100px;" na class ".wrapper", no CSS do tema padrão.
Código PHP:
.wrapper { width: 85%; min-width: 970px; max-width: 1500px; height: 100px; // Não tem na class atualmente margin: auto; }
Como o banner tem sempre 100px de altura, recomendo deixar já regrado no CSS.
Quando a imagem do banner ainda não está no cache e a página já é formada e apresentada pelo DOM, o elemento tem height 0.
Então fazendo com que ele só tome seu tamanho certo quando as medidas da imagem são carregadas.
(08/11/2012, 21:19)martec Escreveu: vlw pela sugestão...
adicionei em "#logo"
É, não existe diferença. A div com class "wrapper" está dentro da div com id "logo".
Mas já aproveitando, vou dar outra sugestão sobre uma coisa que percebi agora.
O elemento "body" possui uma imagem de background que é anulada por outros elementos.
Estilo do elemento body:
Código PHP:
body { background: url("http://frmcdn.appspot.com/images/night/bg.png") repeat scroll 0% 0% rgb(34, 34, 34); // Imagem com riscos paralelos que é anulada color: rgb(0, 0, 0); text-align: center; line-height: 1.4; margin: 0px; font-family: Tahoma,Verdana,Arial,Sans-Serif; font-size: 13px; }
Estilo da classe que o anula:
Código PHP:
#content { background: none repeat scroll 0% 0% rgb(255, 255, 255); // Anula o background do body width: auto !important; padding: 20px 10px; border-bottom: 1px solid rgb(0, 0, 0); }
A div com id "content" é a div que pega todo o conteúdo do fórum, dês da header (logo e menus) até o rodapé. Pelo estilo definido no elemento body (corpo do site), essa parte teria uma imagem com listrars (imagem) como background. Porém o elemento usa a regra "background: none;" para anular esse background definido como padrão no body. Não existiria problema nisso se o DOM as vezes não demorasse alguns milésimos de segundo para carregar o estilo da div "content" fazendo com que o background do "body" aparecesse e depois mudasse para a cor branca.
Para corrigir esse erro de quem modificou o tema, é simples:
Editar o background para a cor branca: (#FFF = branco)
(08/11/2012, 22:00)Shiki Escreveu: É, não existe diferença. A div com class "wrapper" está dentro da div com id "logo".
Mas já aproveitando, vou dar outra sugestão sobre uma coisa que percebi agora.
O elemento "body" possui uma imagem de background que é anulada por outros elementos.
Estilo do elemento body:
Código PHP:
body { background: url("http://frmcdn.appspot.com/images/night/bg.png") repeat scroll 0% 0% rgb(34, 34, 34); // Imagem com riscos paralelos que é anulada color: rgb(0, 0, 0); text-align: center; line-height: 1.4; margin: 0px; font-family: Tahoma,Verdana,Arial,Sans-Serif; font-size: 13px; }
Estilo da classe que o anula:
Código PHP:
#content { background: none repeat scroll 0% 0% rgb(255, 255, 255); // Anula o background do body width: auto !important; padding: 20px 10px; border-bottom: 1px solid rgb(0, 0, 0); }
A div com id "content" é a div que pega todo o conteúdo do fórum, dês da header (logo e menus) até o rodapé. Pelo estilo definido no elemento body (corpo do site), essa parte teria uma imagem com listrars (imagem) como background. Porém o elemento usa a regra "background: none;" para anular esse background definido como padrão no body. Não existiria problema nisso se o DOM as vezes não demorasse alguns milésimos de segundo para carregar o estilo da div "content" fazendo com que o background do "body" aparecesse e depois mudasse para a cor branca.
Para corrigir esse erro de quem modificou o tema, é simples:
Editar o background para a cor branca: (#FFF = branco)