Você não está conectado. Conecte-se ou registre-se

como redimensionar o forum pra se encaixar em qualquer resolução

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

vander2000rj

avatar
Membro ativo

  • Descrição:
Olá


um amigo me passou um print reclamando da barra de rolagem eu nem sabia que estava assim, pra mim estava tudo normal..


http://prntscr.com/6ok4rf print dele na resoluçao menor ver o forum com barra de rolagem em baixo




http://prntscr.com/6ok5wy esse print é o meu , com minha resolução é maior pra mim ta normal sem barra de rolagem




como fazer pra ficar em tela cheia em qualquer resoluçao.
  • Informações:
Fórum:http://mastergz.forumbrasil.netVersão:PHPBB3
Tipo:Pedido de códigoTags:redimensionar,forum,encaixar,qualquer,resolução

Ver perfil do usuário

Cepheus

avatar
Admin

Eu fiz uma breve analise, e existem 3 pontos a destacar.

1º O "logo(banner)" tem uma largura de 1824px se o visitante tiver uma resolução menor do que essa "o logo" ultrapassará.
Você terá que adaptar esse "logo" de forma que fique adequada a todas as resoluções.
Um exemplo: Se não me engano a menor resolução usada na web que acredito é "1024 x 768", seria bastante interessante colocar como fundo em uma div.

2º as dimensões do seu fórum está em "pixel" no caso a resolução minima está definido a "1844px", assim como a resolução padrão em (pixel).
O que você terá que fazer é colocar em porcentagem.
O correto seria algo como:
Código:
#wrap {
    width: 100%;/*Ele ocupara 100% do monitor independente de qualquer resolução*/
    min-width: 1024px;/*Aqui eu defini qual seria a resolução minima*/
}

3º Esse chat que fica na SIDEBAR direita, pelo tamanho que está definido de 770px, seria aconselhável colocar em cima das categorias e definir ele em porcentagem. E assim diminuir a Sidebar direita.

De principio seria esses 3 pontos que destaquei.





  • Gostou?
     não esqueça de
  • Reputar!



    Ver perfil do usuário

    vander2000rj

    avatar
    Membro ativo

    Ola Cepheus

    Vamos pro parte eu fiz  parte da 1ª etapa, que foi por  a imagem menor em 1024 x 200,  mas nao sei colocar com fundo em uma div



    eu coloquei por aqui

    http://prntscr.com/6otbqm

    a forum ficou assim

    http://prntscr.com/6otd9r

    as etapas 2ª e 3ª ainda nao fiz


    Colocando o codigo ficou assim

    http://prntscr.com/6ots4u

    Ver perfil do usuário

    Conteúdo patrocinado


    Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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