Página 1 de 1

Banner excede a margem do cabeçalho.

Enviado: 18 Mai 2012, 18:09
por mochileiro
Qual a URL do seu fórum: http://www.pelapaz.com/forum
Tipo de Hospedagem: Pago
Qual a versão do phpBB: phpBB 3.0.10
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: Senha:
Estilos instalados: Prosilver.
Modificações instaladas: Instalei um banner próprio.
Qual seu nivel de experiência: Iniciante
Quando começou o problema: Depois que instalei um banner próprio, através do painel de administração (após subir a imagem respectiva por FTP).
Descreva seu problema: Depois que instalei um banner próprio, através do painel de administração (após subir a imagem respectiva por FTP), esse banner está com o seu lado direito excedendo o espaço reservado para o cabeçalho. Vejam em http://www.pelapaz.com/forum

Isso ocorre, acho eu, somente quando o chrome ou o mozilla não estão com a "tela cheia".

Como faço para que o banner se ajuste ao tamanho do cabeçalho (retângulo azul em meu fórum)?

OBRIGADO!

Re: Banner excede a margem do cabeçalho.

Enviado: 18 Mai 2012, 18:10
por Holmes
já tentou redimensionar o banner?

vlw fwi, Holmes

Re: Banner excede a margem do cabeçalho.

Enviado: 18 Mai 2012, 18:16
por mochileiro
Tentei. Se faço isso, sobra muito espaço azul do cabeçalho.

E o interessante é que isso (banner com o lado direito de fora do cabeçalho) ocorre somente quando os navegadores não estão em tela cheia...

O que posso fazer pra corrigir o problema? Não há como o banner se adequar automaticamente ao cabeçalho?

Gratíssimo pela atenção!

Re: Banner excede a margem do cabeçalho.

Enviado: 18 Mai 2012, 20:18
por robra
O banner que você se refere é o logo do Fórum, no cabeçalho. Correto ?
Faça o procedimento novamente selecionando o arquivo pela aba ESTILOS>>link Sets de imagem, clique em Editar na mesma linha do Prosilver e em Imagem escolha a opção NÃO em "Incluir dimensões:".
Veja se isso resolve.

Abraço. Imagem

Re: Banner excede a margem do cabeçalho.

Enviado: 19 Mai 2012, 16:13
por mochileiro
Grande Robra!

Centralizada a imagem. Embora o lado esquerdo e o direito dela não tenham ficado bem perto da borda reservada para o logo do cabeçalho. Tentarei colocar uma imagem horizontalmente maior, pra ver se ocupo melhor esse espaço.

De qualquer forma, mais um problema resolvido pelos mágicos e solidários deste louvável suporte!

MUITO OBRIGADO!

Re: Banner excede a margem do cabeçalho.

Enviado: 19 Mai 2012, 16:36
por robra
O "resolvido" agora está trancando o tópico automaticamente para evitar que usuários fiquem "pegando carona" em tópicos resolvidos, evitando preencher o formulário de suporte.
Por isso, vou desmarcá-lo como resolvido para que você possa responder se o procedimento abaixo resolveu por completo. Ok ?
Tente o seguinte:
Abra o arquivo styles/prosilver/theme/common.css:
1- Ache as linhas...

Código: Selecionar todos

#logo {
    float: auto;
    width: auto;
    padding: 10px 13px 0 10px;
} 
... e substitua por:

Código: Selecionar todos

#logo {
    float: none;
    width: 100%;
    padding: 0px;
} 
2- Abra o arquivo overall_header.html, ache a linha...

Código: Selecionar todos

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
... e substitua por:

Código: Selecionar todos

<a href="{U_INDEX}" title="{L_INDEX}" id="logo"><img src="./styles/prosilver/imageset/1a%20capa_MAA_do%20forum.jpg" alt="" title="" style="width: 100%;"></a>
Veja se vai ficar alinhada em qualquer resolução ou zoom da página pelo navegador.

P.S.: A alteração no overall_header.html é para aplicar a largura automática somente na imagem do logo. Se incluíssemos a linha width: 100%; em img { do arquivo common.css, isso mexeria em todas as imagens do Fórum provocando um defeito visual.

Abraço. Imagem

Re: Banner excede a margem do cabeçalho.

Enviado: 19 Mai 2012, 17:20
por mochileiro
Resolvido de forma perfeita e completa!

Novamente, Muitíssimo Obrigado!!! :D

Re: Banner excede a margem do cabeçalho.

Enviado: 19 Mai 2012, 17:37
por robra
O procedimento descrito no P.S., no final de minha mensagem anterior, é meramente explicativo e não para ser feito porque ele "estica" todas as mensagens do Fórum, como pode ver abaixo:
- Sem a alteração:
img001.jpg
- Com a alteração:
img002.jpg
Repare que a pequena imagem ao lado do admin foi "esticada".
Por isso, os procedimentos a serem feitos são somente o 1 e o 2.

Abraço. Imagem