JScript

Programação & Desenvolvimento


Arrumar a logo e o menu.

Alex Habilidade
Alex Habilidade
Moderadores
Moderadores

Time Online : 286d 2h 8m 11s
Mensagens : 70
Data de inscrição : 30/11/2013
Localização : /root

Arrumar a logo e o menu. Empty Arrumar a logo e o menu.

Mensagem por Alex Habilidade em Dom 29 Dez 2013, 11:23 am

Esse é meu fórum: http://www.gzhabilidade.com/

Estou com uma pequena dificuldade em arrumar a logo.
Como podem observar na logo eu fiz ela em um tamanho grande e com um quadro verde para colocar o menu centrado para ficar um efeito legal.

O problema é que sempre que acesso em outros computadores a logo está em tamanhos diferentes, eu queria deixa exatamente a logo ocupando a página inteira parecendo ser (infinita) nas laterais, um exemplo que posso dar é do próprio PunBB o fundo em azul ele parece ser infinito quando mexemos no zoom do navegador o fundo acompanha o zoom, e é esse efeito que eu quero, alguém poderia me ajudar?

Eu já tentei muitas códigos mais não consegui solucionar minha questão sozinho.

Aguardo resposta!

Abraço a todos.

Legolas
Legolas
Moderadores
Moderadores

Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro

Arrumar a logo e o menu. Empty Re: Arrumar a logo e o menu.

Mensagem por Legolas em Qui 02 Jan 2014, 5:00 pm

Olá amigo.

Veja bem, o logo é uma imagem, então não há como colocá-la infinita, até porque ela seria esticada e distorcida.

Vou dar 2 exemplos do que você pode fazer:

1) Você pode colocar um background com cor nele, desta forma:

Código:
#pun-intro {
    background: #222222!important;
}

2) você pode colocar um backgound de uma imagem atrás dele, com um repeat para que sempre ocupe toda a tela.

Código:
#pun-intro {
    background: url(ENDEREÇO DA IMAGEM AQUI) repeat!important;
}



Arrumar a logo e o menu. Url11
Alex Habilidade
Alex Habilidade
Moderadores
Moderadores

Time Online : 286d 2h 8m 11s
Mensagens : 70
Data de inscrição : 30/11/2013
Localização : /root

Arrumar a logo e o menu. Empty Re: Arrumar a logo e o menu.

Mensagem por Alex Habilidade em Sex 03 Jan 2014, 7:26 pm

Olá Legolas,

Gostei de sua sugestão, eu queria saber se existe a possibilidade de eu deixar a logo em um tamanho que seja padrão para todos os navegadores, pois como eu disse, eu entro no meu fórum com pc´s diferentes e a logo sempre está em um tamanho diferente e com isso faz com que o menu fique fora do local desejado, queria alguma sugestão do que posso fazer a respeito disso.

Cordiais Saudações;
Alex!
Legolas
Legolas
Moderadores
Moderadores

Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro

Arrumar a logo e o menu. Empty Re: Arrumar a logo e o menu.

Mensagem por Legolas em Sab 04 Jan 2014, 8:30 am

Então amigo, foi como expliquei, o logo eh uma imagem e alterar o seu tamanho irá causar um design indesejado. Mas se ainda deseja fazer isso, tente dessa forma:

Código:
#pun-intro img {
min-width: 100px;
max-width: 100px;
}

Altere o 100px peço tamanho que desejar.



Arrumar a logo e o menu. Url11
Alex Habilidade
Alex Habilidade
Moderadores
Moderadores

Time Online : 286d 2h 8m 11s
Mensagens : 70
Data de inscrição : 30/11/2013
Localização : /root

Arrumar a logo e o menu. Empty Re: Arrumar a logo e o menu.

Mensagem por Alex Habilidade em Sab 04 Jan 2014, 6:26 pm

Olá Legolas,

Coloquei os valores em 980 os dois.

Poderia me explicar a funcionalidade e uso do min-width e max-width?

Abraço Smile
Legolas
Legolas
Moderadores
Moderadores

Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro

Arrumar a logo e o menu. Empty Re: Arrumar a logo e o menu.

Mensagem por Legolas em Sab 04 Jan 2014, 6:46 pm

O max-width vai definir uma largura que nao excederá o valor que você colocar, no seu caso nao passará de 980px.

Já o min-width definirá um valor mínimo do tamanho da imagem. Nesse caso forçará a imagem ter pelo menos o tamanho que você definir



Arrumar a logo e o menu. Url11
Alex Habilidade
Alex Habilidade
Moderadores
Moderadores

Time Online : 286d 2h 8m 11s
Mensagens : 70
Data de inscrição : 30/11/2013
Localização : /root

Arrumar a logo e o menu. Empty Re: Arrumar a logo e o menu.

Mensagem por Alex Habilidade em Sab 04 Jan 2014, 7:03 pm

Interessante, muito obrigado Legolas, tenha um bom fim de semana, fique com Deus. Smile

Conteúdo patrocinado

Arrumar a logo e o menu. Empty Re: Arrumar a logo e o menu.

Mensagem por Conteúdo patrocinado


    Data/hora atual: Qui 14 Nov 2019, 5:10 pm