Centralizar logotipo no header

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

Resolvido Centralizar logotipo no header

Mensagem por OnliShot em 04/07/13, 10:41 am

Qual é minha questão:
Olá, bom dia a todos;

Quero um código que faça meu logotipo ficar totalmente centralizado no header, como vocês podem ver, ela está puxando mais para baixo. 

Endereço do meu fórum:
http://desigran.ativoforum.com/

Versão do fórum:
PUNBB
avatar

OnliShot
Nível 7

Masculino
Inscrito dia : 11/01/2012
Mensagens : 87
Pontos Ativos : 174

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

Resolvido Re: Centralizar logotipo no header

Mensagem por Convidado em 04/07/13, 01:13 pm

Olá!

Entrei no seu fórum, e ao ver o logo está na posição exata como quer. Poderia me tirar um print de como deseja?

Graciosamente,
FockerH. Muito feliz

Convidado
Convidado


Resolvido Re: Centralizar logotipo no header

Mensagem por MateusA em 04/07/13, 06:39 pm

Olá!

Aceda á "Folha de Estilos CSS":
Painel de Controle Artmeiros Visualização Artmeiros Imagens e Cores Artmeiros Cores Artmeiros Folha de Estilos CSS
Adicione o seguinte código no inicio da sua "Folha de Estilos CSS"
Código:
#pun-logo, #pun-logo img {
margin-top: -20px !important;
}
Valide e veja o resultado. Tive uma idéia!
Seta Procure por 20, e vai aumentando.
Atenciosamente,
Crazy.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Centralizar logotipo no header

Mensagem por Tattiana Vieira em 04/07/13, 07:08 pm

Olá! Boa noite!

Vá até a sua folha de CSS.
Painel de Controle > Visualização > Imagens e Cores > Cores > Folha de Estilos CSS.

Inclua o seguinte código no INÍCIO da folha.
Código:
#i_logo {
height: 000px !important;
width: 000px !important;
}

Para centralizar, você precisa verificar o tamanho do seu logo. Por exemplo, se for 500px de largura e 400px de altura, você deve especificar isso no código acima. Em HEIGHT coloque o tamanho maior, e em WIDTH coloque o tamanho menor.

Seguindo o exemplo acima (500px por 400px):
Código:
#i_logo {
height: 400px !important;
width: 500px !important;
}

Valide.

Não se esqueça de upar o link do logo na área de imagens, ok?
avatar

Tattiana Vieira
Nível 3

Feminino
Inscrito dia : 20/06/2013
Mensagens : 22
Pontos Ativos : 40

Ver perfil do usuário http://ssuniverse.directorioforuns.com

Resolvido Re: Centralizar logotipo no header

Mensagem por Sennior em 04/07/13, 11:30 pm

Saudações!

Aceda à tua "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

#pun-logo {position: relative !important;top: 10px !important;}
Seta Modifique o 10 até ficar do jeito que deseja. Piscada

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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