Ajusta logo do fórum

[Luiz]

Detalhes da questão

Endereço do fórum: jornalrhc.forumeiros.com
Versão do fórum: PhpBB3

Descrição

Ei, gente.
Vejam a foto: 


Como podem perceber, a imagem está atrapalhando o menu, além disso, na borda esquerda, há um problema, pois tem uns negocios, que estão desoconfigurando a imagem (numero 1).

O problema não é da imagem.
Vejam a logo:



Gostaria de ajuda para arruma- los.

[REVIEW]

Olá,
adiciona esse código em sua folha de CSS.

Código:

#page-header a.mainmenu{line-height:126px!important;}

Até mais.

[Luiz]

Ficou bugado. O efeito hover ficou no lugar antigo do menu, e não separou da imagem...

[REVIEW]

Olá,
apague o código anterior e cole este no lugar:

Código:

#page-header .navbar .linklist{margin:-9px -10px 0px -10px!important;}
#page-header a.mainmenu{line-height:45px!important;}
.ul.navlinks{background:#39c!important;}

Até mais.

[Cepheus]

OBS: Para fazer isso retire qualquer alteração feita acima.
O Problema está tanto na imagem como no css,
A imagem tem uma largura de 1940px, isso é um problema para quem tem resoluções menores do que a sua, por exemplo meu monitor usa uma largura máxima de 1360px.
Logo a imagem não aparece por inteiro.
Veja:


Para corrigir esse problema você precisará criar duas imagem, uma exibirá o Logo e a outra o fundo do logo.
Algo como:
OBS: Repare que apenas recortei a imagem, na primeira imagem o ideal é deixar o fundo transparente, exibindo apenas o titulo do fórum e os bonequinhos.

1ª imagem



2ª Imagem, fundo:


Depois de ter deixado a primeira imagem com a parte azul transparente,
Adicione no seu css:

Código:

.headerbar {
background: #2D3134 url(http://i.imgur.com/5XnHjc5.png);
}
#wrap {
padding-top: 0px!important;
}
#page-header .navbar {
margin-top:40px!important;
}
#page-header a.mainmenu {
line-height: 45px!important;
}

O resultado ficará assim, Isso deixará seu fórum acessível para todas as resoluções:

[Luiz]

Ficou assim...

[while]

Olá, adicione mais esse código em sua folha de estilo css:

Código:

.headerbar {
background: #2D3134 url(http://i.imgur.com/5XnHjc5.png)!important;
}

Até mais.

[Cepheus]

No css que passei acima,
repare na seguinte linha:

Código:

.headerbar {
background: #2D3134 url(http://i.imgur.com/5XnHjc5.png);
}

Por já existir uma outra linha no seu css ela acabou por priorizar a existente, você só precisa adicionar !important na linha que mencionei ficando assim:

Código:

.headerbar {
background: #2D3134 url(http://i.imgur.com/5XnHjc5.png)!important;
}

Isso dará prioridade a essa linha.

[Luiz]

Oi, eu dei uma mudada nas imagens, pra dar uma enfatizada no menu, deixei do mesmo tamanho, mas veja como ficou:

LINKS DAS IMAGENS APÓS EDIÇÃO.:

[Cepheus]

Peguei as imagens diretamente do seu fórum:

Fundo:
Tamanho 524x430
https://i.servimg.com/u/f35/19/07/85/16/fundo_10.png


Logo:
800x379
https://i.servimg.com/u/f35/19/07/85/16/logo_p10.png

Repare que a imagem de fundo tem o comprimento de 430px
Já o logo tem o comprimento de: 379px

O comprimento de ambas as imagens precisam ser iguais.


Atenciosamente,
Cepheus!

[Luiz]

No paint as duas tem 430 de comprimento. E agora?
Acho que o fórum que está ajustando incorretamente.

[Cepheus]

Não acredito que seja o fórum que está ajustando incorretamente, pois as imagens que linquei na postagem acima foram abertas diretamente do servidor que foi hospedado.
É só observar na aba do navegador que aparece o tamanho real da imagem.
 
De qualquer forma fiz uma alteração na imagem de fundo.

Troque a imagem de fundo por essa:

https://i.imgur.com/vbAFy0z.png

[Luiz]

Perfeito, obrigado a ajuda de todos que responderam aqui.

Pode fechar.

[REVIEW]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".