Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Concurso do Dia das Bruxas: Vossas participações
Hoje à(s) 02:16 am por GutaUKP

» Gif na foto do perfil
Ontem à(s) 11:13 pm por dudha

» STAFF ONLINE Widgets
Ontem à(s) 11:04 pm por Luiz

» [Ajuda] HTML & CSS
Ontem à(s) 09:37 pm por Lost154

» Grupos de usuarios
Ontem à(s) 09:06 pm por Gaaratsu

» Erro ao colocar barra de estatisticas
Ontem à(s) 08:21 pm por Luiz

» Avatar no topico
Ontem à(s) 07:35 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
GutaUKP
 

Quem está conectado
182 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 180 Visitantes :: 2 Motores de busca

GutaUKP, soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Ajusta logo do fórum

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

Resolvido Ajusta logo do fórum

Mensagem por Luiz em 31/07/16, 04:14 pm

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5169
Pontos Ativos : 5992

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ajusta logo do fórum

Mensagem por REVIEW em 31/07/16, 05:20 pm

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

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2284

Ver perfil do usuário http://ceudasart.forumeiros.com/

Resolvido Re: Ajusta logo do fórum

Mensagem por Luiz em 01/08/16, 10:57 am

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5169
Pontos Ativos : 5992

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ajusta logo do fórum

Mensagem por REVIEW em 01/08/16, 11:43 am

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

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2284

Ver perfil do usuário http://ceudasart.forumeiros.com/

Resolvido Re: Ajusta logo do fórum

Mensagem por Cepheus em 01/08/16, 12:21 pm

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

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Ajusta logo do fórum

Mensagem por Luiz em 01/08/16, 07:04 pm

Ficou assim...
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5169
Pontos Ativos : 5992

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ajusta logo do fórum

Mensagem por while em 01/08/16, 07:09 pm

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Ajusta logo do fórum

Mensagem por Cepheus em 01/08/16, 07:22 pm

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

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Ajusta logo do fórum

Mensagem por Luiz em 01/08/16, 08:10 pm

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


FUNDO:




LOGO:



avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5169
Pontos Ativos : 5992

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ajusta logo do fórum

Mensagem por Cepheus em 01/08/16, 08:23 pm

Peguei as imagens diretamente do seu fórum:

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


Logo:
800x379
http://i35.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!
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Ajusta logo do fórum

Mensagem por Luiz em 01/08/16, 08:37 pm

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5169
Pontos Ativos : 5992

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ajusta logo do fórum

Mensagem por Cepheus em 02/08/16, 10:51 am

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

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Ajusta logo do fórum

Mensagem por Luiz em 02/08/16, 06:58 pm

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

Pode fechar. Feliz
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5169
Pontos Ativos : 5992

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ajusta logo do fórum

Mensagem por REVIEW em 02/08/16, 07:02 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2284

Ver perfil do usuário http://ceudasart.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum