Ajusta logo do fórum

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Membro Entusiasta

Tópico resolvido Ajusta logo do fórum

Mensagem por Luiz 31.07.16 20:14

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: 
Ajusta logo do fórum 2j5z814

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:
Ajusta logo do fórum Capa_m11


Gostaria de ajuda para arruma- los.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajusta logo do fórum

Mensagem por REVIEW 31.07.16 21:20

Olá,
adiciona esse código em sua folha de CSS.
Código:
#page-header a.mainmenu{line-height:126px!important;}
Até mais.
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Ajusta logo do fórum

Mensagem por Luiz 01.08.16 14:57

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

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajusta logo do fórum

Mensagem por REVIEW 01.08.16 15:43

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.
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajusta logo do fórum

Mensagem por Cepheus 01.08.16 16:21

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:
Ajusta logo do fórum 48PagoD

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

Ajusta logo do fórum Jk2UD7L

2ª Imagem, fundo:
Ajusta logo do fórum 5XnHjc5

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:
Ajusta logo do fórum J1Puhf5
Cepheus

Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Ajusta logo do fórum

Mensagem por Luiz 01.08.16 23:04

Ficou assim...
Ajusta logo do fórum 96x06h
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajusta logo do fórum

Mensagem por while 01.08.16 23:09

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.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajusta logo do fórum

Mensagem por Cepheus 01.08.16 23:22

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.
Cepheus

Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Ajusta logo do fórum

Mensagem por Luiz 02.08.16 0:10

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

Ajusta logo do fórum 2v0g09y

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

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajusta logo do fórum

Mensagem por Cepheus 02.08.16 0:23

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!
Cepheus

Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Ajusta logo do fórum

Mensagem por Luiz 02.08.16 0:37

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

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajusta logo do fórum

Mensagem por Cepheus 02.08.16 14:51

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:
Cepheus

Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Ajusta logo do fórum

Mensagem por Luiz 02.08.16 22:58

Perfeito, obrigado a ajuda de todos que responderam aqui. Envergonhado

Pode fechar. Feliz
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajusta logo do fórum

Mensagem por REVIEW 02.08.16 23:02

Ajusta logo do fórum Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos