Fixar largura no Poker Olympus

Suporte aos Styles/Templates para phpBB.
pablorj
Novato
Novato
Mensagens: 10
Registrado em: 25 Jun 2013, 12:47
Você favoritou esta postagem

Re: Fixar largura no Poker Olympus

  • Remover marcador da postagem
  • Mensagem por pablorj »

    Agora a centralização deu certo! :D

    PORÉM o topo e o rodapé ainda continuam expandidos... veja o print.

    Imagem

    Desculpe a trabalheira ae!
    Avatar do usuário
    robra
    Membro Sênior
    Membro Sênior
    Mensagens: 6065
    Registrado em: 02 Dez 2010, 23:29
    MSG 1500+Avatar
    Você favoritou esta postagem

    Re: Fixar largura no Poker Olympus

  • Remover marcador da postagem
  • Mensagem por robra »

    Ahhh!! Você quer ficar também o cabeçalho.
    Em seus arquivos .css:
    :arrow: Ache...

    Código: Selecionar todos

    body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #828282;
    background-color: #FFFFFF;
    font-size: 10px;
    margin: 0;
    padding: 0;
    } 
    ... e substitua por:

    Código: Selecionar todos

    body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #828282;
    background-color: #FFFFFF;
    font-size: 10px;
    margin: auto;
    padding: 0;
    width: 960px;
    } 
    :arrow: Ache...

    Código: Selecionar todos

    #logo2 {
    background: url("./styles/poker_olympus/theme/images/logo2.jpg") 0 0 no-repeat;
    width: 100%;
    height: 200px;
    } 
    ... e altere o valor 100% por 960px.
    :arrow: Ache...

    Código: Selecionar todos

    .pro15 {
    padding: 0 5px;
    margin: 0 auto;
    list-style: none;
    height: 30px;
    background: #000 url("./styles/poker_olympus/theme/images/pro_15_0.gif") repeat-x;
    min-width: 980px;
    } 
    ... e altere o valor 980px para 950px.
    :arrow: Ache...

    Código: Selecionar todos

    #search-box {
    position: absolute;
    display: block;
    top: 233px;
    right: 0;
    text-align: right;
    white-space: nowrap;
    }
    ... e substitua por:

    Código: Selecionar todos

    #search-box {
    position: relative;
    display: block;
    text-align: right;
    white-space: nowrap;
    float: right;
    margin-top: -56px;
    } 
    :arrow: Ache...

    Código: Selecionar todos

    .navbar2 {
    padding-right: 20em;
    position: absolute;
    top: 232px;
    left: 20px;
    width: auto;
    } 
    ... e substitua por:

    Código: Selecionar todos

    .navbar2 {
    padding-left: 5px;
    position: absolute;
    top: 232px;
    width: auto;
    } 
    RESULTADO:
    img001.jpg
    Abraço. Imagem
    Você não está autorizado a ver ou baixar esse anexo.
    [DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
    Trancado