Configuração de Página HTML

4 participantes

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

Tópico em curso Configuração de Página HTML

Mensagem por kakakoro 08.08.15 15:03

Bom dia! Estou querendo usar uma página como principal do meu fórum. Usei um modelo que o @Fraise me ajudou a criar, mas preciso fazer algumas alterações e não estou conseguindo.

Primeiro, gostaria de alterar o nome que aparece na aba para "Mundo Negro RPG" e o favicon sendo esse Configuração de Página HTML Icon110

Eu queria também tirar a imagem das criaturas do rodapé e colocá-la centralizar na página, para não desconfigurar o tamanho. Claro que para isso talvez fosse necessário reduzir a imagem, se der para fazer isso no CSS tudo bem. Se não der, posso eu mesmo alterá-la no photoshop. Com a imagem no meio, é preciso alterar o Menu. Primeiro eu gostaria de colocar transparência no Menu, assim como o campo de texto que fica logo acima. O Hover está legal... mas seria possível colocar um menu que ficasse nas laterais?


www.mundonegro.forumeiros.com
kakakoro

kakakoro
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1006
Pontos ativos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico em curso Re: Configuração de Página HTML

Mensagem por Roevs 08.08.15 15:24

Olá,

Poderia explicar como deseja o menu e o negocio da imagem do rodapé eu não entendi muito bem, mas as outras alterações eu já fiz

Código:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />                          <style>
                <!----------------------------------------------- Créditos: -----------------------------------------------!>
                Está página foi desenvolvida por BrunoH. - Web Designer e Programador
                Nome: BrunoH. Páginas HTML
                Autor: BrunoH.
                Link: http://brunohweb.tk/
                Data: 11/07/2013
                A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
                <!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>








                hr {
                border-color: #fff;
                }
                #top5 {
                display:none;
                position: fixed;
                left: 86.6%;
                top: 97%;
                color: #73AAFD;
                font-family: "Courier New", Courier, monospace font-size:14px;
                font-weight: bold;
                text-shadow: black 0.15em 0.15em 0.2em;
                opacity: 0.7;
                -webkit-transition-duration: 1s;
                background: rgb(27, 27, 27);
                width: 20%;
                -webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
                }
                #top5:hover {
                height: 80%;
                top: 47%;
                opacity: 1;
                }
                #topo1 {
                position: absolute;
                left: 81%;
                top: 1.5%;
                color: rgb(211, 211, 211);
                font-weight: bold;
                text-shadow: black 0.15em 0.15em 0.2em;
                -webkit-transition-duration: 1s;
                }
                #topo2ip {
                color: rgb(214, 214, 214);
                display: inline;
                }
                #topo2 {
                position: absolute;
                top: 0%;
                color: #73AAFD;
                font-weight: bold;
                text-shadow: black 0.15em 0.15em 0.2em;
                background: transparent;
                width: 98%;
                -webkit-transition-duration: 1s;
                border-bottom: 1px solid rgba(255, 255, 255, 0.53);
                padding: 4px;
                }
                #topo2:hover {opacity: 1;}
                #cssmenu ul,
                #cssmenu li,
                #cssmenu span,
                #cssmenu a {
                  margin: 0;
                  padding: 0;
                  position: relative;
                }
                #cssmenu {
                height: 49px;
                background: transparent;
                margin-left: 80%;
                margin-top: -10%;
                width: 17%!important;
                }
                #cssmenu:after,
                #cssmenu ul:after {
                  content: '';
                  display: block;
                  clear: both;
                }
                #cssmenu a {
        background: transparent none repeat scroll 0% 0%;
        color: rgb(185, 185, 185);
        display: inline-block;
        line-height: 35px;
        padding: 0px 20px;
        text-decoration: none;
        border-radius: 3px;
        font-size: 19px;
        margin-left: 5px;
        font-weight: 100 !important;
    }
                #cssmenu ul {
                  list-style: none;
                }
                #cssmenu > ul {
                  float: left;
                }
                #cssmenu > ul > li {
                  float: center;
                }
                #cssmenu > ul > li:hover:after {
                  content: '';
                  display: block;
                  width: 0;
                  height: 0;
                  position: absolute;
                  left: 50%;
                  bottom: 0;
                }
                #cssmenu > ul > li:hover > a {
                color: rgba(255, 255, 255, 0.55);
                }
                #cssmenu .has-sub {
                  z-index: 1;
                }
                #cssmenu .has-sub:hover > ul {
                  display: block;
                }
                #cssmenu .has-sub ul {
                  display: none;
                  position: absolute;
                  width: 200px;
                  top: 100%;
                  left: 0;
                }
                #cssmenu .has-sub ul li {
                  *margin-bottom: -1px;
                }
                #cssmenu .has-sub ul li a {
                  background: #0fa1e0;
                  border-bottom: 1px dotted #6fc7ec;
                  filter: none;
                  font-size: 11px;
                  display: block;
                  line-height: 120%;
                  padding: 10px;
                }
                #cssmenu .has-sub ul li:hover a {
                  background: #0c7fb0;
                }
                #cssmenu .has-sub .has-sub:hover > ul {
                  display: block;
                }
                #cssmenu .has-sub .has-sub ul {
                  display: none;
                  position: absolute;
                  left: 100%;
                  top: 0;
                }
                #cssmenu .has-sub .has-sub ul li a {
                  background: #0c7fb0;
                  border-bottom: 1px dotted #6db2d0;
                }
                #cssmenu .has-sub .has-sub ul li a:hover {
                  background: #095c80;
                }
                .menu {
                width: 87.2%;
                background: transparent;
                margin-top: 4%;
                margin-left: 5%;
                padding: 10px;
                -webkit-border-radius: 7px 7px 0px 0;
                color:#fff;
                }
                .menu a{
                transition:all linear 0.5s;
                -moz-transition:all linear 0.5s;
                -webkit-moz-trasition:all linear 0.5s;
                font-weight:bold;
                color:#999999;
                margin-right:35px;
                text-decoration:none;
                }
                #tabela1 {
                background: transparent;
                width: 1%;
                float: center;
                height: 1%;
                margin-top: 383px;
                }
                #tabela1 a{
                text-decoration:none;
                color:#000;
                }
                body{
                background: rgb(0, 0, 0) url("http://serepertencer.com.br/site/wp-content/uploads/2015/05/brown-abstract.jpg") no-repeat;
                color: #5a5a5a;
                font: normal 11px tahoma,helvetica,arial,sans-serif;
                padding-bottom: 20px;
                background-repeat: no-repeat;
              background-size: 100pc;
                }
                .conectado {
                margin-top: -2.9%;
                margin-left: 6%;
                position: absolute;
                background: rgba(0, 0, 0, 0.18);
                height: 37px;
                box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                border: 1px solid rgba(0, 0, 0, 0.35);
                width: 87%;
                }
                .botao {
                font-weight: bold;
                color: white;
                float: left;
                padding: 0 13px 9px 13px;
                line-height: 36px;
                outline: none;
                height: 26px;
                text-decoration: none;
                }
                .botao a {
                color: white;
                text-decoration: none;
                }
                .botao:hover {
                background: rgba(0, 0, 0, 0.1);
                }
                #brunoh {
                background-color: #4F4F4F;
                border: 1px solid rgb(231, 231, 231);
                padding: 6px;
                }
              #tabcont-brunoh {
        padding: 10px;
        width: 600px;
        background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
        z-index: 1;
        min-height: 100px;
        color: white;
        border-radius: 10px;
        left: 22pc;
        }
                .copyright {
                margin-top: 264px;
                color: #5F5757;
                }


        div#soufoda {
        position: relative;
        left: -39pc;
        top: 9pc;
        -webkit-transition: background-color 0.5s;
        transition: background-color 0.5s;
    background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
        border-color: rgba(0, 0, 0, 0.188235);
        border-radius: 6px;
        border-style: solid;
        border-width: 1px 1px 3px;
        box-shadow: rgba(66, 66, 66, 0.760784) 0px 0px 2px inset;
        color: rgb(249, 249, 249);
        display: block;
        font-size: 14px;
        font-weight: 700;
        padding: 3px 6px;
        text-align: center;
        text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
        width: 24pc;
        height: 123px;
        }
        div#sennior1 {
        position: relative;
        top: 13px;
        -moz-transition: background-color .5s;
        -o-transition: background-color .5s;
        -webkit-transition: background-color .5s;
        border-color: transparent;
        border-width: 1px 1px 3px;
        color: #F9F9F9;
        display: block;
        font-size: 14px;
        font-weight: 700;
        padding: 3px 6px;
        text-align: center;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
        transition: background-color .5s;
        width: 24pc;
        left: -39pc;
        }
.tabmen:hover a {
font-size: 22px !important;
}
        div#sennior4 {
        position: relative;
        top: 13px;
        -moz-transition: background-color .5s;
        -o-transition: background-color .5s;
        -webkit-transition: background-color .5s;
        border-color: transparent;
        border-width: 1px 1px 3px;
        color: #F9F9F9;
        display: block;
        font-size: 14px;
        font-weight: 700;
        padding: 3px 6px;
        text-align: center;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
        transition: background-color .5s;
        width: 24pc;
        left: -39pc;
        }
        div#sennior2 {
        position: relative;
        top: 13px;
        -moz-transition: background-color .5s;
        -o-transition: background-color .5s;
        -webkit-transition: background-color .5s;
        border-width: 1px 1px 3px;
        color: #F9F9F9;
        display: block;
        font-size: 14px;
        font-weight: 700;
        padding: 3px 6px;
        text-align: center;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
        transition: background-color .5s;
        width: 24pc;
        left: -39pc;
        }
                </style>
        <center>
                                      <link rel="shortcut icon" type="image/x-icon" href="http://i18.servimg.com/u/f18/19/28/01/24/icon110.png" />        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />        <title>Mundo Negro RPG</title>                                       
                                                     
          <center>
                                                         
              <div id="tabcont-brunoh">
                                                                         
                <div id="tab1" style="font-size:13px; color: rgb(171, 171, 171); display: block;">
                                                                                         
                    <ul>
                                                              O Mundo Negro RPG leva aos amantes do antigo estilo do gênero diretamente ao olho do furacão. Aqui você será capaz de criar seu personagem selecionando a raça que mais chame sua atenção, desvendar os mistérios de sua ilha de origem e partir em busca de conhecimento e maiores desafios na ilha comum. Seja um humano, um anjo ou até mesmo um elfo – o universo do Mundo Negro foi feito especialmente para você! E aí, vai ficar fora dessa?             
                    </ul>
                                                                                   
                </div>
                                                                             
              </div>
                                                     
          </center>
                                                     
          <center>
                                                           
              <div class="menu">
                                                                         
                <div id="cssmenu">
                                                                                                     
                    <center>
                                                                                                       
                      <div id="Soufoda">
                                                                           
                      </div>
                                                                       
                      <div id="sennior4" class="tabmen">

                                                                                                                       
                          <div id="tab1" style="display: block; color:#CFCFCF;">
                                                                                                                                     
                            <ul>
                                                                                            <a href="/login">Entrar</a>                                                 
                            </ul>
                                                                                                                               
                          </div>
                                                                                                       
                      </div>
                                                                                             
                      <div id="sennior1" class="tabmen">
                                                                                                                             
                          <div id="tab1" style="display: block;">
                                                                                                                                           
                            <ul>
                                                                                                <a href="/register">Crie Aqui a sua conta!</a>                                                     
                            </ul>
                                                                                                                                     
                          </div>
                                                                                                         
                      </div>
                                                                                               
                      <div id="sennior2" class="tabmen">
                                                                                                                                   
                          <div id="tab1" style="display: block;">
                                                                                                                                                 
                            <ul>
        <a href="/portal">Portal Mundo Negro RPG</a>
                            </ul>
                                   

                          </div>
                                                                                                                               
                      </div>
                                                                                                                               
                    </center>
                                                                                   
                </div>
                                                                                     
              </div>
                                                           
              <div class="copyright">
        Copyright ® Criação de BrunoH. / Edição por Fraise, Carlos Silveira em parceria com a clínica Cior Odontologia.             
              <br><img src="https://us.battle.net/wow/static/images/social/facebook/wod-choose-your-path/main-characters.png"/>
        </div>
                                                     
          </center>
                                      <a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
        </center>

Só alterar pelo código da HTML da página

Até
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6473
Pontos ativos : 8301

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico em curso Re: Configuração de Página HTML

Mensagem por kakakoro 08.08.15 15:40

Certo, o Menu ficou impecável. Eu só queria tirar ele ali do meio. Sabe, colocar duas opções do lado esquerdo e duas opções do lado direito e a imagem do rodapé você tira de lá e coloca no meio.
kakakoro

kakakoro
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1006
Pontos ativos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico em curso Re: Configuração de Página HTML

Mensagem por Roevs 08.08.15 16:03

Olá,

Seria mais ou menos isso que deseja ?

Código:
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />                          <style>
                    <!----------------------------------------------- Créditos: -----------------------------------------------!>
                    Está página foi desenvolvida por BrunoH. - Web Designer e Programador
                    Nome: BrunoH. Páginas HTML
                    Autor: BrunoH.
                    Link: http://brunohweb.tk/
                    Data: 11/07/2013
                    A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
                    <!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>








                    hr {
                    border-color: #fff;
                    }
                    #top5 {
                    display:none;
                    position: fixed;
                    left: 86.6%;
                    top: 97%;
                    color: #73AAFD;
                    font-family: "Courier New", Courier, monospace font-size:14px;
                    font-weight: bold;
                    text-shadow: black 0.15em 0.15em 0.2em;
                    opacity: 0.7;
                    -webkit-transition-duration: 1s;
                    background: rgb(27, 27, 27);
                    width: 20%;
                    -webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
                    }
                    #top5:hover {
                    height: 80%;
                    top: 47%;
                    opacity: 1;
                    }
                    #topo1 {
                    position: absolute;
                    left: 81%;
                    top: 1.5%;
                    color: rgb(211, 211, 211);
                    font-weight: bold;
                    text-shadow: black 0.15em 0.15em 0.2em;
                    -webkit-transition-duration: 1s;
                    }
                    #topo2ip {
                    color: rgb(214, 214, 214);
                    display: inline;
                    }
                    #topo2 {
                    position: absolute;
                    top: 0%;
                    color: #73AAFD;
                    font-weight: bold;
                    text-shadow: black 0.15em 0.15em 0.2em;
                    background: transparent;
                    width: 98%;
                    -webkit-transition-duration: 1s;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.53);
                    padding: 4px;
                    }
                    #topo2:hover {opacity: 1;}
                    #cssmenu ul,
                    #cssmenu li,
                    #cssmenu span,
                    #cssmenu a {
                      margin: 0;
                      padding: 0;
                      position: relative;
                    }
                    #cssmenu {
                    height: 49px;
                    background: transparent;
                    margin-left: 80%;
                    margin-top: -10%;
                    width: 17%!important;
                    }
                    #cssmenu:after,
                    #cssmenu ul:after {
                      content: '';
                      display: block;
                      clear: both;
                    }
                    #cssmenu a {
            background: transparent none repeat scroll 0% 0%;
            color: rgb(185, 185, 185);
            display: inline-block;
            line-height: 35px;
            padding: 0px 20px;
            text-decoration: none;
            border-radius: 3px;
            font-size: 19px;
            margin-left: 5px;
            font-weight: 100 !important;
        }
                    #cssmenu ul {
                      list-style: none;
                    }
                    #cssmenu > ul {
                      float: left;
                    }
                    #cssmenu > ul > li {
                      float: center;
                    }
                    #cssmenu > ul > li:hover:after {
                      content: '';
                      display: block;
                      width: 0;
                      height: 0;
                      position: absolute;
                      left: 50%;
                      bottom: 0;
                    }
                    #cssmenu > ul > li:hover > a {
                    color: rgba(255, 255, 255, 0.55);
                    }
                    #cssmenu .has-sub {
                      z-index: 1;
                    }
                    #cssmenu .has-sub:hover > ul {
                      display: block;
                    }
                    #cssmenu .has-sub ul {
                      display: none;
                      position: absolute;
                      width: 200px;
                      top: 100%;
                      left: 0;
                    }
                    #cssmenu .has-sub ul li {
                      *margin-bottom: -1px;
                    }
                    #cssmenu .has-sub ul li a {
                      background: #0fa1e0;
                      border-bottom: 1px dotted #6fc7ec;
                      filter: none;
                      font-size: 11px;
                      display: block;
                      line-height: 120%;
                      padding: 10px;
                    }
                    #cssmenu .has-sub ul li:hover a {
                      background: #0c7fb0;
                    }
                    #cssmenu .has-sub .has-sub:hover > ul {
                      display: block;
                    }
                    #cssmenu .has-sub .has-sub ul {
                      display: none;
                      position: absolute;
                      left: 100%;
                      top: 0;
                    }
                    #cssmenu .has-sub .has-sub ul li a {
                      background: #0c7fb0;
                      border-bottom: 1px dotted #6db2d0;
                    }
                    #cssmenu .has-sub .has-sub ul li a:hover {
                      background: #095c80;
                    }
                    .menu {
                    width: 87.2%;
                    background: transparent;
                    margin-top: 4%;
                        margin-left: -1110px;
                    padding: 10px;
                    -webkit-border-radius: 7px 7px 0px 0;
                    color:#fff;
                    }
 .menu2 {
                    width: 87.2%;
                    background: transparent;
                   
                        margin-left: 1110px;
                    padding: 10px;
                    -webkit-border-radius: 7px 7px 0px 0;
                    color:#fff;
                      margin-top: -205px;
}
                    .menu a{
                    transition:all linear 0.5s;
                    -moz-transition:all linear 0.5s;
                    -webkit-moz-trasition:all linear 0.5s;
                    font-weight:bold;
                    color:#999999;
                    margin-right:35px;
                    text-decoration:none;
                    }
                    #tabela1 {
                    background: transparent;
                    width: 1%;
                    float: center;
                    height: 1%;
                    margin-top: 383px;
                    }
                    #tabela1 a{
                    text-decoration:none;
                    color:#000;
                    }
                    body{
                    background: rgb(0, 0, 0) url("http://serepertencer.com.br/site/wp-content/uploads/2015/05/brown-abstract.jpg") no-repeat;
                    color: #5a5a5a;
                    font: normal 11px tahoma,helvetica,arial,sans-serif;
                    padding-bottom: 20px;
                    background-repeat: no-repeat;
                  background-size: 100pc;
                    }
                    .conectado {
                    margin-top: -2.9%;
                    margin-left: 6%;
                    position: absolute;
                    background: rgba(0, 0, 0, 0.18);
                    height: 37px;
                    box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                    -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                    border: 1px solid rgba(0, 0, 0, 0.35);
                    width: 87%;
                    }
                    .botao {
                    font-weight: bold;
                    color: white;
                    float: left;
                    padding: 0 13px 9px 13px;
                    line-height: 36px;
                    outline: none;
                    height: 26px;
                    text-decoration: none;
                    }
                    .botao a {
                    color: white;
                    text-decoration: none;
                    }
                    .botao:hover {
                    background: rgba(0, 0, 0, 0.1);
                    }
                    #brunoh {
                    background-color: #4F4F4F;
                    border: 1px solid rgb(231, 231, 231);
                    padding: 6px;
                    }
                  #tabcont-brunoh {
            padding: 10px;
            width: 600px;
            background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
            z-index: 1;
            min-height: 100px;
            color: white;
            border-radius: 10px;
            left: 22pc;
            }
                    .copyright {
                    margin-top: 264px;
                    color: #5F5757;
                    }


            div#soufoda {
            position: relative;
            left: -39pc;
            top: 9pc;
            -webkit-transition: background-color 0.5s;
            transition: background-color 0.5s;
        background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
            border-color: rgba(0, 0, 0, 0.188235);
            border-radius: 6px;
            border-style: solid;
            border-width: 1px 1px 3px;
            box-shadow: rgba(66, 66, 66, 0.760784) 0px 0px 2px inset;
            color: rgb(249, 249, 249);
            display: block;
            font-size: 14px;
            font-weight: 700;
            padding: 3px 6px;
            text-align: center;
            text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
            width: 20pc;
            height: 123px;
            }
            div#sennior1 {
            position: relative;
            top: 13px;
            -moz-transition: background-color .5s;
            -o-transition: background-color .5s;
            -webkit-transition: background-color .5s;
            border-color: transparent;
            border-width: 1px 1px 3px;
            color: #F9F9F9;
            display: block;
            font-size: 14px;
            font-weight: 700;
            padding: 3px 6px;
            text-align: center;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
            transition: background-color .5s;
            width: 24pc;
            left: -39pc;
            }
    .tabmen:hover a {
    font-size: 22px !important;
    }
            div#sennior4 {
            position: relative;
            top: 13px;
            -moz-transition: background-color .5s;
            -o-transition: background-color .5s;
            -webkit-transition: background-color .5s;
            border-color: transparent;
            border-width: 1px 1px 3px;
            color: #F9F9F9;
            display: block;
            font-size: 14px;
            font-weight: 700;
            padding: 3px 6px;
            text-align: center;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
            transition: background-color .5s;
            width: 24pc;
            left: -39pc;
            }
            div#sennior2 {
            position: relative;
            top: 13px;
            -moz-transition: background-color .5s;
            -o-transition: background-color .5s;
            -webkit-transition: background-color .5s;
            border-width: 1px 1px 3px;
            color: #F9F9F9;
            display: block;
            font-size: 14px;
            font-weight: 700;
            padding: 3px 6px;
            text-align: center;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
            transition: background-color .5s;
            width: 24pc;
            left: -39pc;
            }
                    </style>
            <center>
                                          <link rel="shortcut icon" type="image/x-icon" href="http://i18.servimg.com/u/f18/19/28/01/24/icon110.png" />        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />        <title>Mundo Negro RPG</title>                                     
                                                       
              <center>
                                                           
                  <div id="tabcont-brunoh">
                                                                           
                    <div id="tab1" style="font-size:13px; color: rgb(171, 171, 171); display: block;">
                                                                                           
                        <ul>
                                                                  O Mundo Negro RPG leva aos amantes do antigo estilo do gênero diretamente ao olho do furacão. Aqui você será capaz de criar seu personagem selecionando a raça que mais chame sua atenção, desvendar os mistérios de sua ilha de origem e partir em busca de conhecimento e maiores desafios na ilha comum. Seja um humano, um anjo ou até mesmo um elfo – o universo do Mundo Negro foi feito especialmente para você! E aí, vai ficar fora dessa?           
                        </ul>
                                                                                     
                    </div>
                                                                               
                  </div>
                                                       
              </center>
                                                       
              <center>
                                                             
                  <div class="menu">
                                                                           
                    <div id="cssmenu">
                                                                                                       
                        <center>
                                                                                                         
                          <div id="Soufoda">
                                                                             
                          </div>
                                                                         
                          <div id="sennior4" class="tabmen">

                                                                                                                         
                              <div id="tab1" style="display: block; color:#CFCFCF;">
                                                                                                                                       
                                <ul>
                                                                                                <a href="/login">Entrar</a>                                               
                                </ul>
                                                                                                                                 
                              </div>
                                                                                                         
                          </div>
                                                                                               
                          <div id="sennior1" class="tabmen">
                                                                                                                               
                              <div id="tab1" style="display: block;">
                                                                                                                                             
                                <ul>
                                                                                                    <a href="/register">Crie Aqui a sua conta!</a>                                                   
                                </ul>
                                                                                                                                       
                              </div>
                                                                                                           
                          </div>
                                                 
<center>
                                                             
                  <div class="menu2">
                                                                           
                    <div id="cssmenu">
                                                                                                       
                        <center>
                                                                                                         
                          <div id="Soufoda">
                                                                             
                          </div>
                                                                         
                          <div id="sennior4" class="tabmen">

                                                                                                                         
                              <div id="tab1" style="display: block; color:#CFCFCF;">
                                                                                                                                       
                                <ul>
                                                                                                <a href="#">TESTE</a>                                               
                                </ul>
                                                                                                                                 
                              </div>
                                                                                                         
                          </div>
                                                                                               
                          <div id="sennior1" class="tabmen">
                                                                                                                               
                              <div id="tab1" style="display: block;">
                                                                                                                                             
                                <ul>
                                                                                                    <a href="#">TESTE</a>                                                   
                                </ul>
                                                                                                                                       
                              </div>
                                                                                                           
                          </div>
                          <div id="sennior2" class="tabmen">
                                                                                                                                     
                              <div id="tab1" style="display: block;">
                                                                                                                                                   
                                <ul>
            <a href="#">TESTE</a>
                                </ul>
                                     

                              </div>
                                                                                                                                 
                          </div>
                                                                                                                                 
                        </center>
                                                                                     
                    </div>
                                                                                       
                  </div>
                                          <img src="https://us.battle.net/wow/static/images/social/facebook/wod-choose-your-path/main-characters.png"/>                   
                  <div class="copyright">
            Copyright ® Criação de BrunoH. / Edição por Fraise, Carlos Silveira em parceria com a clínica Cior Odontologia.           
                  <br>
            </div>
                                                       
              </center>
                                          <a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
            </center>

Até
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6473
Pontos ativos : 8301

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico em curso Re: Configuração de Página HTML

Mensagem por kakakoro 08.08.15 18:43

Era isso, mas não ficou bom como eu imaginava. Faça o seguinte, volte o menu para o meio, assim como estava antes, de forma que o menu fique por cima da imagem dos Orcs ( Se puder deixar o menu um pouco mais abaixo para deixar ao menos a cabeça e os braços deles sem o menu ).
kakakoro

kakakoro
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1006
Pontos ativos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico em curso Re: Configuração de Página HTML

Mensagem por Roevs 08.08.15 18:53

Olá,

Bom pelo que eu entendi e isso que deseja ?

Código:
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />                          <style>
                    <!----------------------------------------------- Créditos: -----------------------------------------------!>
                    Está página foi desenvolvida por BrunoH. - Web Designer e Programador
                    Nome: BrunoH. Páginas HTML
                    Autor: BrunoH.
                    Link: http://brunohweb.tk/
                    Data: 11/07/2013
                    A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
                    <!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>








                    hr {
                    border-color: #fff;
                    }
                    #top5 {
                    display:none;
                    position: fixed;
                    left: 86.6%;
                    top: 97%;
                    color: #73AAFD;
                    font-family: "Courier New", Courier, monospace font-size:14px;
                    font-weight: bold;
                    text-shadow: black 0.15em 0.15em 0.2em;
                    opacity: 0.7;
                    -webkit-transition-duration: 1s;
                    background: rgb(27, 27, 27);
                    width: 20%;
                    -webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
                    }
                    #top5:hover {
                    height: 80%;
                    top: 47%;
                    opacity: 1;
                    }
                    #topo1 {
                    position: absolute;
                    left: 81%;
                    top: 1.5%;
                    color: rgb(211, 211, 211);
                    font-weight: bold;
                    text-shadow: black 0.15em 0.15em 0.2em;
                    -webkit-transition-duration: 1s;
                    }
                    #topo2ip {
                    color: rgb(214, 214, 214);
                    display: inline;
                    }
                    #topo2 {
                    position: absolute;
                    top: 0%;
                    color: #73AAFD;
                    font-weight: bold;
                    text-shadow: black 0.15em 0.15em 0.2em;
                    background: transparent;
                    width: 98%;
                    -webkit-transition-duration: 1s;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.53);
                    padding: 4px;
                    }
                    #topo2:hover {opacity: 1;}
                    #cssmenu ul,
                    #cssmenu li,
                    #cssmenu span,
                    #cssmenu a {
                      margin: 0;
                      padding: 0;
                      position: relative;
                    }
                    #cssmenu {
                    height: 49px;
                    background: transparent;
                    margin-left: 80%;
                    margin-top: -10%;
                    width: 17%!important;
                    }
                    #cssmenu:after,
                    #cssmenu ul:after {
                      content: '';
                      display: block;
                      clear: both;
                    }
                    #cssmenu a {
            background: transparent none repeat scroll 0% 0%;
            color: rgb(185, 185, 185);
            display: inline-block;
            line-height: 35px;
            padding: 0px 20px;
            text-decoration: none;
            border-radius: 3px;
            font-size: 19px;
            margin-left: 5px;
            font-weight: 100 !important;
        }
                    #cssmenu ul {
                      list-style: none;
                    }
                    #cssmenu > ul {
                      float: left;
                    }
                    #cssmenu > ul > li {
                      float: center;
                    }
                    #cssmenu > ul > li:hover:after {
                      content: '';
                      display: block;
                      width: 0;
                      height: 0;
                      position: absolute;
                      left: 50%;
                      bottom: 0;
                    }
                    #cssmenu > ul > li:hover > a {
                    color: rgba(255, 255, 255, 0.55);
                    }
                    #cssmenu .has-sub {
                      z-index: 1;
                    }
                    #cssmenu .has-sub:hover > ul {
                      display: block;
                    }
                    #cssmenu .has-sub ul {
                      display: none;
                      position: absolute;
                      width: 200px;
                      top: 100%;
                      left: 0;
                    }
                    #cssmenu .has-sub ul li {
                      *margin-bottom: -1px;
                    }
                    #cssmenu .has-sub ul li a {
                      background: #0fa1e0;
                      border-bottom: 1px dotted #6fc7ec;
                      filter: none;
                      font-size: 11px;
                      display: block;
                      line-height: 120%;
                      padding: 10px;
                    }
                    #cssmenu .has-sub ul li:hover a {
                      background: #0c7fb0;
                    }
                    #cssmenu .has-sub .has-sub:hover > ul {
                      display: block;
                    }
                    #cssmenu .has-sub .has-sub ul {
                      display: none;
                      position: absolute;
                      left: 100%;
                      top: 0;
                    }
                    #cssmenu .has-sub .has-sub ul li a {
                      background: #0c7fb0;
                      border-bottom: 1px dotted #6db2d0;
                    }
                    #cssmenu .has-sub .has-sub ul li a:hover {
                      background: #095c80;
                    }
                    .menu {
                    width: 87.2%;
                    background: transparent;
                    margin-top: 4%;
                    margin-left: 5%;
                    padding: 10px;
                    -webkit-border-radius: 7px 7px 0px 0;
                    color:#fff;
                    }
                    .menu a{
                    transition:all linear 0.5s;
                    -moz-transition:all linear 0.5s;
                    -webkit-moz-trasition:all linear 0.5s;
                    font-weight:bold;
                    color:#999999;
                    margin-right:35px;
                    text-decoration:none;
                    }
                    #tabela1 {
                    background: transparent;
                    width: 1%;
                    float: center;
                    height: 1%;
                    margin-top: 383px;
                    }
                    #tabela1 a{
                    text-decoration:none;
                    color:#000;
                    }
                    body{
                    background: rgb(0, 0, 0) url("http://serepertencer.com.br/site/wp-content/uploads/2015/05/brown-abstract.jpg") no-repeat;
                    color: #5a5a5a;
                    font: normal 11px tahoma,helvetica,arial,sans-serif;
                    padding-bottom: 20px;
                    background-repeat: no-repeat;
                  background-size: 100pc;
                    }
                    .conectado {
                    margin-top: -2.9%;
                    margin-left: 6%;
                    position: absolute;
                    background: rgba(0, 0, 0, 0.18);
                    height: 37px;
                    box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                    -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                    border: 1px solid rgba(0, 0, 0, 0.35);
                    width: 87%;
                    }
                    .botao {
                    font-weight: bold;
                    color: white;
                    float: left;
                    padding: 0 13px 9px 13px;
                    line-height: 36px;
                    outline: none;
                    height: 26px;
                    text-decoration: none;
                    }
                    .botao a {
                    color: white;
                    text-decoration: none;
                    }
                    .botao:hover {
                    background: rgba(0, 0, 0, 0.1);
                    }
                    #brunoh {
                    background-color: #4F4F4F;
                    border: 1px solid rgb(231, 231, 231);
                    padding: 6px;
                    }
                  #tabcont-brunoh {
            padding: 10px;
            width: 600px;
            background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
            z-index: 1;
            min-height: 100px;
            color: white;
            border-radius: 10px;
            left: 22pc;
            }
                    .copyright {
                    margin-top: 264px;
                    color: #5F5757;
                    }


            div#soufoda {
            position: relative;
            left: -39pc;
            top: 29pc;
            -webkit-transition: background-color 0.5s;
            transition: background-color 0.5s;
        background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
            border-color: rgba(0, 0, 0, 0.188235);
            border-radius: 6px;
            border-style: solid;
            border-width: 1px 1px 3px;
            box-shadow: rgba(66, 66, 66, 0.760784) 0px 0px 2px inset;
            color: rgb(249, 249, 249);
            display: block;
            font-size: 14px;
            font-weight: 700;
            padding: 3px 6px;
            text-align: center;
            text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
            width: 24pc;
            height: 123px;
            }
            div#sennior1 {
            position: relative;
            top: 323px;
            -moz-transition: background-color .5s;
            -o-transition: background-color .5s;
            -webkit-transition: background-color .5s;
            border-color: transparent;
            border-width: 1px 1px 3px;
            color: #F9F9F9;
            display: block;
            font-size: 14px;
            font-weight: 700;
            padding: 3px 6px;
            text-align: center;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
            transition: background-color .5s;
            width: 24pc;
            left: -39pc;
            }
    .tabmen:hover a {
    font-size: 22px !important;
    }
            div#sennior4 {
            position: relative;
            top: 333px;
            -moz-transition: background-color .5s;
            -o-transition: background-color .5s;
            -webkit-transition: background-color .5s;
            border-color: transparent;
            border-width: 1px 1px 3px;
            color: #F9F9F9;
            display: block;
            font-size: 14px;
            font-weight: 700;
            padding: 3px 6px;
            text-align: center;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
            transition: background-color .5s;
            width: 24pc;
            left: -39pc;
            }
            div#sennior2 {
            position: relative;
          top: 313px;
            -moz-transition: background-color .5s;
            -o-transition: background-color .5s;
            -webkit-transition: background-color .5s;
            border-width: 1px 1px 3px;
            color: #F9F9F9;
            display: block;
            font-size: 14px;
            font-weight: 700;
            padding: 3px 6px;
            text-align: center;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
            transition: background-color .5s;
            width: 24pc;
            left: -39pc;
            }
                    </style>
            <center>
                                          <link rel="shortcut icon" type="image/x-icon" href="http://i18.servimg.com/u/f18/19/28/01/24/icon110.png" />        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />        <title>Mundo Negro RPG</title>                                     
                                                       
              <center>
                                                           
                  <div id="tabcont-brunoh">
                                                                           
                    <div id="tab1" style="font-size:13px; color: rgb(171, 171, 171); display: block;">
                                                                                           
                        <ul>
                                                                  O Mundo Negro RPG leva aos amantes do antigo estilo do gênero diretamente ao olho do furacão. Aqui você será capaz de criar seu personagem selecionando a raça que mais chame sua atenção, desvendar os mistérios de sua ilha de origem e partir em busca de conhecimento e maiores desafios na ilha comum. Seja um humano, um anjo ou até mesmo um elfo – o universo do Mundo Negro foi feito especialmente para você! E aí, vai ficar fora dessa?           
                        </ul>
                                                                                     
                    </div>
                                                                               
                  </div>
                                                       
              </center>
                                                       
              <center>
                                                             
                  <div class="menu">
                                                                           
                    <div id="cssmenu">
                                                                                                       
                        <center>
                                                                                                         
                          <div id="Soufoda">
                                                                             
                          </div>
                                                                         
                          <div id="sennior4" class="tabmen">

                                                                                                                         
                              <div id="tab1" style="display: block; color:#CFCFCF;">
                                                                                                                                       
                                <ul>
                                                                                                <a href="/login">Entrar</a>                                               
                                </ul>
                                                                                                                                 
                              </div>
                                                                                                         
                          </div>
                                                                                               
                          <div id="sennior1" class="tabmen">
                                                                                                                               
                              <div id="tab1" style="display: block;">
                                                                                                                                             
                                <ul>
                                                                                                    <a href="/register">Crie Aqui a sua conta!</a>                                                   
                                </ul>
                                                                                                                                       
                              </div>
                                                                                                           
                          </div>
                                                                                                 
                          <div id="sennior2" class="tabmen">
                                                                                                                                     
                              <div id="tab1" style="display: block;">
                                                                                                                                                   
                                <ul>
            <a href="/portal">Portal Mundo Negro RPG</a>
                                </ul>
                                     

                              </div>
                                                                                                                                 
                          </div>
                                                                                                                                 
                        </center>
                                                                                     
                    </div>
                                                                                       
                  </div>
                                      <div class="oi">
<br><img src="https://us.battle.net/wow/static/images/social/facebook/wod-choose-your-path/main-characters.png"/>                </div>
                  <div class="copyright">   
            Copyright ® Criação de BrunoH. / Edição por Fraise, Carlos Silveira em parceria com a clínica Cior Odontologia.           
                 
            </div>
                                                       
              </center>
                                          <a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
            </center>

Até
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6473
Pontos ativos : 8301

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico em curso Re: Configuração de Página HTML

Mensagem por kakakoro 08.08.15 19:32

@Quakeline Você diva muito! É isso mesmo. Agora só preciso que configure as dimensões porque pelo menos aqui no meu notebook está desconfigurado. Talvez se subir imagem central + o menu não precise deixar aquele espaço de baixo e reduza a altura da tela. Poderia fazer isso por mim pllllease? Piscada Envergonhado Rosa
kakakoro

kakakoro
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1006
Pontos ativos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico em curso Re: Configuração de Página HTML

Mensagem por Roevs 08.08.15 19:41

Olá,

Bom consegui esse resultado, a imagem de fundo não esta do tamanho necessário então tentei fazer algo, veja se ficou a seu agrado

Código:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />                          <style>
                    <!----------------------------------------------- Créditos: -----------------------------------------------!>
                    Está página foi desenvolvida por BrunoH. - Web Designer e Programador
                    Nome: BrunoH. Páginas HTML
                    Autor: BrunoH.
                    Link: http://brunohweb.tk/
                    Data: 11/07/2013
                    A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
                    <!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>








                    hr {
                    border-color: #fff;
                    }
                    #top5 {
                    display:none;
                    position: fixed;
                    left: 86.6%;
                    top: 97%;
                    color: #73AAFD;
                    font-family: "Courier New", Courier, monospace font-size:14px;
                    font-weight: bold;
                    text-shadow: black 0.15em 0.15em 0.2em;
                    opacity: 0.7;
                    -webkit-transition-duration: 1s;
                    background: rgb(27, 27, 27);
                    width: 20%;
                    -webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
                    }
                    #top5:hover {
                    height: 80%;
                    top: 47%;
                    opacity: 1;
                    }
                    #topo1 {
                    position: absolute;
                    left: 81%;
                    top: 1.5%;
                    color: rgb(211, 211, 211);
                    font-weight: bold;
                    text-shadow: black 0.15em 0.15em 0.2em;
                    -webkit-transition-duration: 1s;
                    }
                    #topo2ip {
                    color: rgb(214, 214, 214);
                    display: inline;
                    }
                    #topo2 {
                    position: absolute;
                    top: 0%;
                    color: #73AAFD;
                    font-weight: bold;
                    text-shadow: black 0.15em 0.15em 0.2em;
                    background: transparent;
                    width: 98%;
                    -webkit-transition-duration: 1s;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.53);
                    padding: 4px;
                    }
                    #topo2:hover {opacity: 1;}
                    #cssmenu ul,
                    #cssmenu li,
                    #cssmenu span,
                    #cssmenu a {
                      margin: 0;
                      padding: 0;
                      position: relative;
                    }
                    #cssmenu {
                    height: 49px;
                    background: transparent;
                    margin-left: 80%;
                    margin-top: -10%;
                    width: 17%!important;
                    }
                    #cssmenu:after,
                    #cssmenu ul:after {
                      content: '';
                      display: block;
                      clear: both;
                    }
                    #cssmenu a {
            background: transparent none repeat scroll 0% 0%;
            color: rgb(185, 185, 185);
            display: inline-block;
            line-height: 35px;
            padding: 0px 20px;
            text-decoration: none;
            border-radius: 3px;
            font-size: 19px;
            margin-left: 5px;
            font-weight: 100 !important;
        }
                    #cssmenu ul {
                      list-style: none;
                    }
                    #cssmenu > ul {
                      float: left;
                    }
                    #cssmenu > ul > li {
                      float: center;
                    }
                    #cssmenu > ul > li:hover:after {
                      content: '';
                      display: block;
                      width: 0;
                      height: 0;
                      position: absolute;
                      left: 50%;
                      bottom: 0;
                    }
                    #cssmenu > ul > li:hover > a {
                    color: rgba(255, 255, 255, 0.55);
                    }
                    #cssmenu .has-sub {
                      z-index: 1;
                    }
                    #cssmenu .has-sub:hover > ul {
                      display: block;
                    }
                    #cssmenu .has-sub ul {
                      display: none;
                      position: absolute;
                      width: 200px;
                      top: 100%;
                      left: 0;
                    }
                    #cssmenu .has-sub ul li {
                      *margin-bottom: -1px;
                    }
                    #cssmenu .has-sub ul li a {
                      background: #0fa1e0;
                      border-bottom: 1px dotted #6fc7ec;
                      filter: none;
                      font-size: 11px;
                      display: block;
                      line-height: 120%;
                      padding: 10px;
                    }
                    #cssmenu .has-sub ul li:hover a {
                      background: #0c7fb0;
                    }
                    #cssmenu .has-sub .has-sub:hover > ul {
                      display: block;
                    }
                    #cssmenu .has-sub .has-sub ul {
                      display: none;
                      position: absolute;
                      left: 100%;
                      top: 0;
                    }
                    #cssmenu .has-sub .has-sub ul li a {
                      background: #0c7fb0;
                      border-bottom: 1px dotted #6db2d0;
                    }
                    #cssmenu .has-sub .has-sub ul li a:hover {
                      background: #095c80;
                    }
                    .menu {
                    width: 87.2%;
                    background: transparent;
                    margin-top: 4%;
                    margin-left: 5%;
                    padding: 10px;
                    -webkit-border-radius: 7px 7px 0px 0;
                    color:#fff;
                    }
                    .menu a{
                    transition:all linear 0.5s;
                    -moz-transition:all linear 0.5s;
                    -webkit-moz-trasition:all linear 0.5s;
                    font-weight:bold;
                    color:#999999;
                    margin-right:35px;
                    text-decoration:none;
                    }
                    #tabela1 {
                    background: transparent;
                    width: 1%;
                    float: center;
                    height: 1%;
                    margin-top: 383px;
                    }
                    #tabela1 a{
                    text-decoration:none;
                    color:#000;
                    }
                  body {
    background: #000 url("http://serepertencer.com.br/site/wp-content/uploads/2015/05/brown-abstract.jpg") repeat scroll 0% 90% / 100pc auto;
    color: #5A5A5A;
    font: 11px tahoma,helvetica,arial,sans-serif;
    padding-bottom: 0px;
}
                    .conectado {
                    margin-top: -2.9%;
                    margin-left: 6%;
                    position: absolute;
                    background: rgba(0, 0, 0, 0.18);
                    height: 37px;
                    box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                    -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                    border: 1px solid rgba(0, 0, 0, 0.35);
                    width: 87%;
                    }
                    .botao {
                    font-weight: bold;
                    color: white;
                    float: left;
                    padding: 0 13px 9px 13px;
                    line-height: 36px;
                    outline: none;
                    height: 26px;
                    text-decoration: none;
                    }
                    .botao a {
                    color: white;
                    text-decoration: none;
                    }
                    .botao:hover {
                    background: rgba(0, 0, 0, 0.1);
                    }
                    #brunoh {
                    background-color: #4F4F4F;
                    border: 1px solid rgb(231, 231, 231);
                    padding: 6px;
                    }
                  #tabcont-brunoh {
            padding: 10px;
            width: 600px;
            background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
            z-index: 1;
            min-height: 100px;
            color: white;
            border-radius: 10px;
            left: 22pc;
            }
                    .copyright {
                    margin-top: 264px;
                    color: #5F5757;
                    }


            div#soufoda {
            position: relative;
            left: -39pc;
            top: 28pc;
            -webkit-transition: background-color 0.5s;
            transition: background-color 0.5s;
        background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
            border-color: rgba(0, 0, 0, 0.188235);
            border-radius: 6px;
            border-style: solid;
            border-width: 1px 1px 3px;
            box-shadow: rgba(66, 66, 66, 0.760784) 0px 0px 2px inset;
            color: rgb(249, 249, 249);
            display: block;
            font-size: 14px;
            font-weight: 700;
            padding: 3px 6px;
            text-align: center;
            text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
            width: 24pc;
            height: 103px;
            }
            div#sennior1 {
            position: relative;
            top: 323px;
            -moz-transition: background-color .5s;
            -o-transition: background-color .5s;
            -webkit-transition: background-color .5s;
            border-color: transparent;
            border-width: 1px 1px 3px;
            color: #F9F9F9;
            display: block;
            font-size: 14px;
            font-weight: 700;
            padding: 3px 6px;
            text-align: center;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
            transition: background-color .5s;
            width: 24pc;
            left: -39pc;
            }
    .tabmen:hover a {
    font-size: 22px !important;
    }
            div#sennior4 {
            position: relative;
            top: 333px;
            -moz-transition: background-color .5s;
            -o-transition: background-color .5s;
            -webkit-transition: background-color .5s;
            border-color: transparent;
            border-width: 1px 1px 3px;
            color: #F9F9F9;
            display: block;
            font-size: 14px;
            font-weight: 700;
            padding: 3px 6px;
            text-align: center;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
            transition: background-color .5s;
            width: 24pc;
            left: -39pc;
            }
            div#sennior2 {
            position: relative;
          top: 313px;
            -moz-transition: background-color .5s;
            -o-transition: background-color .5s;
            -webkit-transition: background-color .5s;
            border-width: 1px 1px 3px;
            color: #F9F9F9;
            display: block;
            font-size: 14px;
            font-weight: 700;
            padding: 3px 6px;
            text-align: center;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
            transition: background-color .5s;
            width: 24pc;
            left: -39pc;
            }
                    </style>
            <center>
                                          <link rel="shortcut icon" type="image/x-icon" href="http://i18.servimg.com/u/f18/19/28/01/24/icon110.png" />        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />        <title>Mundo Negro RPG</title>                                     
                                                       
              <center>
                                                           
                  <div id="tabcont-brunoh">
                                                                           
                    <div id="tab1" style="font-size:13px; color: rgb(171, 171, 171); display: block;">
                                                                                           
                        <ul>
                                                                  O Mundo Negro RPG leva aos amantes do antigo estilo do gênero diretamente ao olho do furacão. Aqui você será capaz de criar seu personagem selecionando a raça que mais chame sua atenção, desvendar os mistérios de sua ilha de origem e partir em busca de conhecimento e maiores desafios na ilha comum. Seja um humano, um anjo ou até mesmo um elfo – o universo do Mundo Negro foi feito especialmente para você! E aí, vai ficar fora dessa?           
                        </ul>
                                                                                     
                    </div>
                                                                               
                  </div>
                                                       
              </center>
                                                       
              <center>
                                                             
                  <div class="menu">
                                                                           
                    <div id="cssmenu">
                                                                                                       
                        <center>
                                                                                                         
                          <div id="Soufoda">
                                                                             
                          </div>
                                                                         
                          <div id="sennior4" class="tabmen">

                                                                                                                         
                              <div id="tab1" style="display: block; color:#CFCFCF;">
                                                                                                                                       
                                <ul>
                                                                                                <a href="/login">Entrar</a>                                               
                                </ul>
                                                                                                                                 
                              </div>
                                                                                                         
                          </div>
                                                                                               
                          <div id="sennior1" class="tabmen">
                                                                                                                               
                              <div id="tab1" style="display: block;">
                                                                                                                                             
                                <ul>
                                                                                                    <a href="/register">Crie Aqui a sua conta!</a>                                                   
                                </ul>
                                                                                                                                       
                              </div>
                                                                                                           
                          </div>
                                                                                                 
                          <div id="sennior2" class="tabmen">
                                                                                                                                     
                              <div id="tab1" style="display: block;">
                                                                                                                                                   
                                <ul>
            <a href="/portal">Portal Mundo Negro RPG</a>
                                </ul>
                                     

                              </div>
                                                                                                                                 
                          </div>
                                                                                                                                 
                        </center>
                                                                                     
                    </div>
                                                                                       
                  </div>
                                      <div class="oi">
<br><img src="https://us.battle.net/wow/static/images/social/facebook/wod-choose-your-path/main-characters.png"/>                </div>
                  <div class="copyright">   
            Copyright ® Criação de BrunoH. / Edição por Fraise, Carlos Silveira em parceria com a clínica Cior Odontologia.           
                 
            </div>
                                                       
              </center>
                                          <a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
            </center>

Até
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6473
Pontos ativos : 8301

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico em curso Re: Configuração de Página HTML

Mensagem por kakakoro 08.08.15 21:35

@Quakeline Então, pra ser sincero eu não vi diferença. Eu precisaria somente retirar o espaço entre o menu e o rodapé para reduzir a altura da página.

http://prntscr.com/82e1u8


Consegue fazer isso?
kakakoro

kakakoro
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1006
Pontos ativos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico em curso Re: Configuração de Página HTML

Mensagem por Roevs 08.08.15 21:50

Olá,

Me desculpa eu que entendi mal, bom consegui o resultado abaixo veja se fico ao seu agrado

Código:
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />                          <style>
                        <!----------------------------------------------- Créditos: -----------------------------------------------!>
                        Está página foi desenvolvida por BrunoH. - Web Designer e Programador
                        Nome: BrunoH. Páginas HTML
                        Autor: BrunoH.
                        Link: http://brunohweb.tk/
                        Data: 11/07/2013
                        A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
                        <!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>








                        hr {
                        border-color: #fff;
                        }
                        #top5 {
                        display:none;
                        position: fixed;
                        left: 86.6%;
                        top: 97%;
                        color: #73AAFD;
                        font-family: "Courier New", Courier, monospace font-size:14px;
                        font-weight: bold;
                        text-shadow: black 0.15em 0.15em 0.2em;
                        opacity: 0.7;
                        -webkit-transition-duration: 1s;
                        background: rgb(27, 27, 27);
                        width: 20%;
                        -webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
                        }
                        #top5:hover {
                        height: 80%;
                        top: 47%;
                        opacity: 1;
                        }
                        #topo1 {
                        position: absolute;
                        left: 81%;
                        top: 1.5%;
                        color: rgb(211, 211, 211);
                        font-weight: bold;
                        text-shadow: black 0.15em 0.15em 0.2em;
                        -webkit-transition-duration: 1s;
                        }
                        #topo2ip {
                        color: rgb(214, 214, 214);
                        display: inline;
                        }
                        #topo2 {
                        position: absolute;
                        top: 0%;
                        color: #73AAFD;
                        font-weight: bold;
                        text-shadow: black 0.15em 0.15em 0.2em;
                        background: transparent;
                        width: 98%;
                        -webkit-transition-duration: 1s;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.53);
                        padding: 4px;
                        }
                        #topo2:hover {opacity: 1;}
                        #cssmenu ul,
                        #cssmenu li,
                        #cssmenu span,
                        #cssmenu a {
                          margin: 0;
                          padding: 0;
                          position: relative;
                        }
                        #cssmenu {
                        height: 49px;
                        background: transparent;
                        margin-left: 80%;
                        margin-top: -10%;
                        width: 17%!important;
                        }
                        #cssmenu:after,
                        #cssmenu ul:after {
                          content: '';
                          display: block;
                          clear: both;
                        }
                        #cssmenu a {
                background: transparent none repeat scroll 0% 0%;
                color: rgb(185, 185, 185);
                display: inline-block;
                line-height: 35px;
                padding: 0px 20px;
                text-decoration: none;
                border-radius: 3px;
                font-size: 19px;
                margin-left: 5px;
                font-weight: 100 !important;
            }
                        #cssmenu ul {
                          list-style: none;
                        }
                        #cssmenu > ul {
                          float: left;
                        }
                        #cssmenu > ul > li {
                          float: center;
                        }
                        #cssmenu > ul > li:hover:after {
                          content: '';
                          display: block;
                          width: 0;
                          height: 0;
                          position: absolute;
                          left: 50%;
                          bottom: 0;
                        }
                        #cssmenu > ul > li:hover > a {
                        color: rgba(255, 255, 255, 0.55);
                        }
                        #cssmenu .has-sub {
                          z-index: 1;
                        }
                        #cssmenu .has-sub:hover > ul {
                          display: block;
                        }
                        #cssmenu .has-sub ul {
                          display: none;
                          position: absolute;
                          width: 200px;
                          top: 100%;
                          left: 0;
                        }
                        #cssmenu .has-sub ul li {
                          *margin-bottom: -1px;
                        }
                        #cssmenu .has-sub ul li a {
                          background: #0fa1e0;
                          border-bottom: 1px dotted #6fc7ec;
                          filter: none;
                          font-size: 11px;
                          display: block;
                          line-height: 120%;
                          padding: 10px;
                        }
                        #cssmenu .has-sub ul li:hover a {
                          background: #0c7fb0;
                        }
                        #cssmenu .has-sub .has-sub:hover > ul {
                          display: block;
                        }
                        #cssmenu .has-sub .has-sub ul {
                          display: none;
                          position: absolute;
                          left: 100%;
                          top: 0;
                        }
                        #cssmenu .has-sub .has-sub ul li a {
                          background: #0c7fb0;
                          border-bottom: 1px dotted #6db2d0;
                        }
                        #cssmenu .has-sub .has-sub ul li a:hover {
                          background: #095c80;
                        }
                        .menu {
                        width: 87.2%;
                        background: transparent;
                        margin-top: 4%;
                        margin-left: 5%;
                        padding: 10px;
                        -webkit-border-radius: 7px 7px 0px 0;
                        color:#fff;
                        }
                        .menu a{
                        transition:all linear 0.5s;
                        -moz-transition:all linear 0.5s;
                        -webkit-moz-trasition:all linear 0.5s;
                        font-weight:bold;
                        color:#999999;
                        margin-right:35px;
                        text-decoration:none;
                        }
                        #tabela1 {
                        background: transparent;
                        width: 1%;
                        float: center;
                        height: 1%;
                        margin-top: 383px;
                        }
                        #tabela1 a{
                        text-decoration:none;
                        color:#000;
                        }
                      body {
      background: rgb(0, 0, 0) url("http://serepertencer.com.br/site/wp-content/uploads/2015/05/brown-abstract.jpg") no-repeat scroll 0% 0% / 100pc auto;
        color: #5A5A5A;
        font: 11px tahoma,helvetica,arial,sans-serif;
        padding-bottom: 0px;
margin-top: 150px;
    }
                        .conectado {
                        margin-top: -2.9%;
                        margin-left: 6%;
                        position: absolute;
                        background: rgba(0, 0, 0, 0.18);
                        height: 37px;
                        box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                        -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                        border: 1px solid rgba(0, 0, 0, 0.35);
                        width: 87%;
                        }
                        .botao {
                        font-weight: bold;
                        color: white;
                        float: left;
                        padding: 0 13px 9px 13px;
                        line-height: 36px;
                        outline: none;
                        height: 26px;
                        text-decoration: none;
                        }
                        .botao a {
                        color: white;
                        text-decoration: none;
                        }
                        .botao:hover {
                        background: rgba(0, 0, 0, 0.1);
                        }
                        #brunoh {
                        background-color: #4F4F4F;
                        border: 1px solid rgb(231, 231, 231);
                        padding: 6px;
                        }
                      #tabcont-brunoh {
                padding: 10px;
                width: 600px;
                background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
                z-index: 1;
                min-height: 100px;
                color: white;
                border-radius: 10px;
                left: 22pc;
                }
                        .copyright {
                      margin-top: 20px;
                        color: #5F5757;
                        }


                div#soufoda {
                position: relative;
                left: -39pc;
                top: 28pc;
                -webkit-transition: background-color 0.5s;
                transition: background-color 0.5s;
            background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
                border-color: rgba(0, 0, 0, 0.188235);
                border-radius: 6px;
                border-style: solid;
                border-width: 1px 1px 3px;
                box-shadow: rgba(66, 66, 66, 0.760784) 0px 0px 2px inset;
                color: rgb(249, 249, 249);
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
                width: 24pc;
                height: 103px;
                }
                div#sennior1 {
                position: relative;
                top: 323px;
                -moz-transition: background-color .5s;
                -o-transition: background-color .5s;
                -webkit-transition: background-color .5s;
                border-color: transparent;
                border-width: 1px 1px 3px;
                color: #F9F9F9;
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
                transition: background-color .5s;
                width: 24pc;
                left: -39pc;
                }
        .tabmen:hover a {
        font-size: 22px !important;
        }
                div#sennior4 {
                position: relative;
                top: 333px;
                -moz-transition: background-color .5s;
                -o-transition: background-color .5s;
                -webkit-transition: background-color .5s;
                border-color: transparent;
                border-width: 1px 1px 3px;
                color: #F9F9F9;
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
                transition: background-color .5s;
                width: 24pc;
                left: -39pc;
                }
                div#sennior2 {
                position: relative;
              top: 313px;
                -moz-transition: background-color .5s;
                -o-transition: background-color .5s;
                -webkit-transition: background-color .5s;
                border-width: 1px 1px 3px;
                color: #F9F9F9;
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
                transition: background-color .5s;
                width: 24pc;
                left: -39pc;
                }
                        </style>
                <center>
                                              <link rel="shortcut icon" type="image/x-icon" href="http://i18.servimg.com/u/f18/19/28/01/24/icon110.png" />        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />        <title>Mundo Negro RPG</title>                                   
                                                         
                  <center>
                                                             
                      <div id="tabcont-brunoh">
                                                                             
                        <div id="tab1" style="font-size:13px; color: rgb(171, 171, 171); display: block;">
                                                                                             
                            <ul>
                                                                      O Mundo Negro RPG leva aos amantes do antigo estilo do gênero diretamente ao olho do furacão. Aqui você será capaz de criar seu personagem selecionando a raça que mais chame sua atenção, desvendar os mistérios de sua ilha de origem e partir em busca de conhecimento e maiores desafios na ilha comum. Seja um humano, um anjo ou até mesmo um elfo – o universo do Mundo Negro foi feito especialmente para você! E aí, vai ficar fora dessa?         
                            </ul>
                                                                                       
                        </div>
                                                                                 
                      </div>
                                                         
                  </center>
                                                         
                  <center>
                                                               
                      <div class="menu">
                                                                             
                        <div id="cssmenu">
                                                                                                         
                            <center>
                                                                                                           
                              <div id="Soufoda">
                                                                               
                              </div>
                                                                           
                              <div id="sennior4" class="tabmen">

                                                                                                                           
                                  <div id="tab1" style="display: block; color:#CFCFCF;">
                                                                                                                                         
                                    <ul>
                                                                                                    <a href="/login">Entrar</a>                                             
                                    </ul>
                                                                                                                                   
                                  </div>
                                                                                                           
                              </div>
                                                                                                 
                              <div id="sennior1" class="tabmen">
                                                                                                                                 
                                  <div id="tab1" style="display: block;">
                                                                                                                                               
                                    <ul>
                                                                                                        <a href="/register">Crie Aqui a sua conta!</a>                                                 
                                    </ul>
                                                                                                                                         
                                  </div>
                                                                                                             
                              </div>
                                                                                                   
                              <div id="sennior2" class="tabmen">
                                                                                                                                       
                                  <div id="tab1" style="display: block;">
                                                                                                                                                     
                                    <ul>
                <a href="/portal">Portal Mundo Negro RPG</a>
                                    </ul>
                                       

                                  </div>
                                                                                                                                   
                              </div>
                                                                                                                                   
                            </center>
                                                                                       
                        </div>
                                                                                         
                      </div>
                                          <div class="oi">
    <br><img src="https://us.battle.net/wow/static/images/social/facebook/wod-choose-your-path/main-characters.png"/>                </div>
                      <div class="copyright"> 
                Copyright ® Criação de BrunoH. / Edição por Fraise, Carlos Silveira em parceria com a clínica Cior Odontologia.         
                   
                </div>
                                                         
                  </center>
                                              <a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
                </center>

Até
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6473
Pontos ativos : 8301

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico em curso Re: Configuração de Página HTML

Mensagem por kakakoro 08.08.15 23:00

Oi @Quakeline , me desculpe ser insistente mas ainda não ficou do jeito que eu queria. Tudo bem, você fez o que eu pedi, colocou a imagem mais para baixo e reduziu o espaço que havia entre o menu e o rodapé. Só que agora ficou um espaço entre a descrição do fórum e a imagem do menu e também tem uma parte acima da descrição que poderia ser eliminada. Eu não sei como está ai no seu computador, porque sei que isso depende da resolução de cada micro. Mas aqui no meu está aparecendo a barra de rolagem porque a página ainda está muito grande. Se você conseguir re-organizar o menu e a descrição para a página ficar do tamanho da tela, ótimo. Se quiser, pode até deixar a descrição do fórum encostando na imagem do menu. Mais uma vez desculpa a insistência! Mas prometo que vou te dar obrigado e like e tudo mais! <3 Café Por favor

http://prntscr.com/82f0sf

http://prntscr.com/82f2ag
kakakoro

kakakoro
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1006
Pontos ativos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico em curso Re: Configuração de Página HTML

Mensagem por Roevs 08.08.15 23:29

Olá,

Tente este

Código:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />                          <style>
                        <!----------------------------------------------- Créditos: -----------------------------------------------!>
                        Está página foi desenvolvida por BrunoH. - Web Designer e Programador
                        Nome: BrunoH. Páginas HTML
                        Autor: BrunoH.
                        Link: http://brunohweb.tk/
                        Data: 11/07/2013
                        A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
                        <!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>








                        hr {
                        border-color: #fff;
                        }
                        #top5 {
                        display:none;
                        position: fixed;
                        left: 86.6%;
                        top: 97%;
                        color: #73AAFD;
                        font-family: "Courier New", Courier, monospace font-size:14px;
                        font-weight: bold;
                        text-shadow: black 0.15em 0.15em 0.2em;
                        opacity: 0.7;
                        -webkit-transition-duration: 1s;
                        background: rgb(27, 27, 27);
                        width: 20%;
                        -webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
                        }
                        #top5:hover {
                        height: 80%;
                        top: 47%;
                        opacity: 1;
                        }
                        #topo1 {
                        position: absolute;
                        left: 81%;
                        top: 1.5%;
                        color: rgb(211, 211, 211);
                        font-weight: bold;
                        text-shadow: black 0.15em 0.15em 0.2em;
                        -webkit-transition-duration: 1s;
                        }
                        #topo2ip {
                        color: rgb(214, 214, 214);
                        display: inline;
                        }
                        #topo2 {
                        position: absolute;
                        top: 0%;
                        color: #73AAFD;
                        font-weight: bold;
                        text-shadow: black 0.15em 0.15em 0.2em;
                        background: transparent;
                        width: 98%;
                        -webkit-transition-duration: 1s;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.53);
                        padding: 4px;
                        }
                        #topo2:hover {opacity: 1;}
                        #cssmenu ul,
                        #cssmenu li,
                        #cssmenu span,
                        #cssmenu a {
                          margin: 0;
                          padding: 0;
                          position: relative;
                        }
                        #cssmenu {
                        height: 49px;
                        background: transparent;
                        margin-left: 80%;
                        margin-top: -10%;
                        width: 17%!important;
                        }
                        #cssmenu:after,
                        #cssmenu ul:after {
                          content: '';
                          display: block;
                          clear: both;
                        }
                        #cssmenu a {
                background: transparent none repeat scroll 0% 0%;
                color: rgb(185, 185, 185);
                display: inline-block;
                line-height: 35px;
                padding: 0px 20px;
                text-decoration: none;
                border-radius: 3px;
                font-size: 19px;
                margin-left: 5px;
                font-weight: 100 !important;
            }
                        #cssmenu ul {
                          list-style: none;
                        }
                        #cssmenu > ul {
                          float: left;
                        }
                        #cssmenu > ul > li {
                          float: center;
                        }
                        #cssmenu > ul > li:hover:after {
                          content: '';
                          display: block;
                          width: 0;
                          height: 0;
                          position: absolute;
                          left: 50%;
                          bottom: 0;
                        }
                        #cssmenu > ul > li:hover > a {
                        color: rgba(255, 255, 255, 0.55);
                        }
                        #cssmenu .has-sub {
                          z-index: 1;
                        }
                        #cssmenu .has-sub:hover > ul {
                          display: block;
                        }
                        #cssmenu .has-sub ul {
                          display: none;
                          position: absolute;
                          width: 200px;
                          top: 100%;
                          left: 0;
                        }
                        #cssmenu .has-sub ul li {
                          *margin-bottom: -1px;
                        }
                        #cssmenu .has-sub ul li a {
                          background: #0fa1e0;
                          border-bottom: 1px dotted #6fc7ec;
                          filter: none;
                          font-size: 11px;
                          display: block;
                          line-height: 120%;
                          padding: 10px;
                        }
                        #cssmenu .has-sub ul li:hover a {
                          background: #0c7fb0;
                        }
                        #cssmenu .has-sub .has-sub:hover > ul {
                          display: block;
                        }
                        #cssmenu .has-sub .has-sub ul {
                          display: none;
                          position: absolute;
                          left: 100%;
                          top: 0;
                        }
                        #cssmenu .has-sub .has-sub ul li a {
                          background: #0c7fb0;
                          border-bottom: 1px dotted #6db2d0;
                        }
                        #cssmenu .has-sub .has-sub ul li a:hover {
                          background: #095c80;
                        }
                        .menu {
                        width: 87.2%;
                        background: transparent;
                        margin-top: 4%;
                        margin-left: 5%;
                        padding: 10px;
                        -webkit-border-radius: 7px 7px 0px 0;
                        color:#fff;
                        }
                        .menu a{
                        transition:all linear 0.5s;
                        -moz-transition:all linear 0.5s;
                        -webkit-moz-trasition:all linear 0.5s;
                        font-weight:bold;
                        color:#999999;
                        margin-right:35px;
                        text-decoration:none;
                        }
                        #tabela1 {
                        background: transparent;
                        width: 1%;
                        float: center;
                        height: 1%;
                        margin-top: 383px;
                        }
                        #tabela1 a{
                        text-decoration:none;
                        color:#000;
                        }
                      body {
        background: #000 url("http://serepertencer.com.br/site/wp-content/uploads/2015/05/brown-abstract.jpg") repeat scroll 0% 90% / 100pc auto;
        color: #5A5A5A;
margin-top: 122px;
        font: 11px tahoma,helvetica,arial,sans-serif;
        padding-bottom: 0px;
    }
                        .conectado {
                        margin-top: -2.9%;
                        margin-left: 6%;
                        position: absolute;
                        background: rgba(0, 0, 0, 0.18);
                        height: 37px;
                        box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                        -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                        border: 1px solid rgba(0, 0, 0, 0.35);
                        width: 87%;
                        }
                        .botao {
                        font-weight: bold;
                        color: white;
                        float: left;
                        padding: 0 13px 9px 13px;
                        line-height: 36px;
                        outline: none;
                        height: 26px;
                        text-decoration: none;
                        }
                        .botao a {
                        color: white;
                        text-decoration: none;
                        }
                        .botao:hover {
                        background: rgba(0, 0, 0, 0.1);
                        }
                        #brunoh {
                        background-color: #4F4F4F;
                        border: 1px solid rgb(231, 231, 231);
                        padding: 6px;
                        }
                      #tabcont-brunoh {
                padding: 10px;
                width: 600px;
                background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
                z-index: 1;
                min-height: 100px;
                color: white;
                border-radius: 10px;
                left: 22pc;
                }
                        .copyright {
                        margin-top: 24px;
                        color: #5F5757;
                        }


                div#soufoda {
                position: relative;
                left: -39pc;
                top: 28pc;
                -webkit-transition: background-color 0.5s;
                transition: background-color 0.5s;
            background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
                border-color: rgba(0, 0, 0, 0.188235);
                border-radius: 6px;
                border-style: solid;
                border-width: 1px 1px 3px;
                box-shadow: rgba(66, 66, 66, 0.760784) 0px 0px 2px inset;
                color: rgb(249, 249, 249);
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
                width: 24pc;
                height: 103px;
                }
                div#sennior1 {
                position: relative;
                top: 323px;
                -moz-transition: background-color .5s;
                -o-transition: background-color .5s;
                -webkit-transition: background-color .5s;
                border-color: transparent;
                border-width: 1px 1px 3px;
                color: #F9F9F9;
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
                transition: background-color .5s;
                width: 24pc;
                left: -39pc;
                }
        .tabmen:hover a {
        font-size: 22px !important;
        }
                div#sennior4 {
                position: relative;
                top: 333px;
                -moz-transition: background-color .5s;
                -o-transition: background-color .5s;
                -webkit-transition: background-color .5s;
                border-color: transparent;
                border-width: 1px 1px 3px;
                color: #F9F9F9;
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
                transition: background-color .5s;
                width: 24pc;
                left: -39pc;
                }
                div#sennior2 {
                position: relative;
              top: 313px;
                -moz-transition: background-color .5s;
                -o-transition: background-color .5s;
                -webkit-transition: background-color .5s;
                border-width: 1px 1px 3px;
                color: #F9F9F9;
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
                transition: background-color .5s;
                width: 24pc;
                left: -39pc;
                }
                        </style>
                <center>
                                              <link rel="shortcut icon" type="image/x-icon" href="http://i18.servimg.com/u/f18/19/28/01/24/icon110.png" />        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />        <title>Mundo Negro RPG</title>                                   
                                                         
                  <center>
                                                             
                      <div id="tabcont-brunoh">
                                                                             
                        <div id="tab1" style="font-size:13px; color: rgb(171, 171, 171); display: block;">
                                                                                             
                            <ul>
                                                                      O Mundo Negro RPG leva aos amantes do antigo estilo do gênero diretamente ao olho do furacão. Aqui você será capaz de criar seu personagem selecionando a raça que mais chame sua atenção, desvendar os mistérios de sua ilha de origem e partir em busca de conhecimento e maiores desafios na ilha comum. Seja um humano, um anjo ou até mesmo um elfo – o universo do Mundo Negro foi feito especialmente para você! E aí, vai ficar fora dessa?         
                            </ul>
                                                                                       
                        </div>
                                                                                 
                      </div>
                                                         
                  </center>
                                                         
                  <center>
                                                               
                      <div class="menu">
                                                                             
                        <div id="cssmenu">
                                                                                                         
                            <center>
                                                                                                           
                              <div id="Soufoda">
                                                                               
                              </div>
                                                                           
                              <div id="sennior4" class="tabmen">

                                                                                                                           
                                  <div id="tab1" style="display: block; color:#CFCFCF;">
                                                                                                                                         
                                    <ul>
                                                                                                    <a href="/login">Entrar</a>                                             
                                    </ul>
                                                                                                                                   
                                  </div>
                                                                                                           
                              </div>
                                                                                                 
                              <div id="sennior1" class="tabmen">
                                                                                                                                 
                                  <div id="tab1" style="display: block;">
                                                                                                                                               
                                    <ul>
                                                                                                        <a href="/register">Crie Aqui a sua conta!</a>                                                 
                                    </ul>
                                                                                                                                         
                                  </div>
                                                                                                             
                              </div>
                                                                                                   
                              <div id="sennior2" class="tabmen">
                                                                                                                                       
                                  <div id="tab1" style="display: block;">
                                                                                                                                                     
                                    <ul>
                <a href="/portal">Portal Mundo Negro RPG</a>
                                    </ul>
                                       

                                  </div>
                                                                                                                                   
                              </div>
                                                                                                                                   
                            </center>
                                                                                       
                        </div>
                                                                                         
                      </div>
                                          <div class="oi">
    <br><img src="https://us.battle.net/wow/static/images/social/facebook/wod-choose-your-path/main-characters.png"/>                </div>
                      <div class="copyright"> 
                Copyright ® Criação de BrunoH. / Edição por Fraise, Carlos Silveira em parceria com a clínica Cior Odontologia.         
                   
                </div>
                                                         
                  </center>
                                              <a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
                </center>

Até
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6473
Pontos ativos : 8301

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico em curso Re: Configuração de Página HTML

Mensagem por kakakoro 09.08.15 13:54

Nao mudou nada. Pode fechar @Quakeline :/
kakakoro

kakakoro
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1006
Pontos ativos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico em curso Re: Configuração de Página HTML

Mensagem por Fraise 09.08.15 13:57

Olá @kakakoro!

A que espaço se refere?
http://prntscr.com/82lkfx

Cumprimentos.
Fraise
Fraise

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 26/06/2015
Mensagens : 6306
Pontos ativos : 7773

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico em curso Re: Configuração de Página HTML

Mensagem por kakakoro 09.08.15 14:04

@Fraise Oi! Eu já ia te mandar uma mensagem privada pra ver se podia me ajudar Piscada Então, a questão não é o espaço. É que @Quakeline fez um trabalho incrível com o menu e a imagem, mas a página está grande e a descrição e a imagem estão aparecendo muito acima Caso algum usuário queira ver o menu, ele terá que rolar a barra de rolagem. Eu queria que ficasse tudo em um página. Entende?

http://prntscr.com/82llrg

Olha o tamanho que ficou a página ai em cima. Talvez se re-organizasse o menu, colocasse a descrição mais abaixo a página ficasse menor.
kakakoro

kakakoro
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1006
Pontos ativos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico em curso Re: Configuração de Página HTML

Mensagem por Fraise 09.08.15 14:16

Olá!

Veja se assim resulta:
Código:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />                          <style>
                        <!----------------------------------------------- Créditos: -----------------------------------------------!>
                        Está página foi desenvolvida por BrunoH. - Web Designer e Programador
                        Nome: BrunoH. Páginas HTML
                        Autor: BrunoH.
                        Link: http://brunohweb.tk/
                        Data: 11/07/2013
                        A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
                        <!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>





body {
  width: 1080px!important;
  height: 720px!important;
}
                        hr {
                        border-color: #fff;
                        }
                        #top5 {
                        display:none;
                        position: fixed;
                        left: 86.6%;
                        top: 97%;
                        color: #73AAFD;
                        font-family: "Courier New", Courier, monospace font-size:14px;
                        font-weight: bold;
                        text-shadow: black 0.15em 0.15em 0.2em;
                        opacity: 0.7;
                        -webkit-transition-duration: 1s;
                        background: rgb(27, 27, 27);
                        width: 20%;
                        -webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
                        }
                        #top5:hover {
                        height: 80%;
                        top: 47%;
                        opacity: 1;
                        }
                        #topo1 {
                        position: absolute;
                        left: 81%;
                        top: 1.5%;
                        color: rgb(211, 211, 211);
                        font-weight: bold;
                        text-shadow: black 0.15em 0.15em 0.2em;
                        -webkit-transition-duration: 1s;
                        }
                        #topo2ip {
                        color: rgb(214, 214, 214);
                        display: inline;
                        }
                        #topo2 {
                        position: absolute;
                        top: 0%;
                        color: #73AAFD;
                        font-weight: bold;
                        text-shadow: black 0.15em 0.15em 0.2em;
                        background: transparent;
                        width: 98%;
                        -webkit-transition-duration: 1s;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.53);
                        padding: 4px;
                        }
                        #topo2:hover {opacity: 1;}
                        #cssmenu ul,
                        #cssmenu li,
                        #cssmenu span,
                        #cssmenu a {
                          margin: 0;
                          padding: 0;
                          position: relative;
                        }
                        #cssmenu {
                        height: 49px;
                        background: transparent;
                        margin-left: 80%;
                        margin-top: -10%;
                        width: 17%!important;
                        }
                        #cssmenu:after,
                        #cssmenu ul:after {
                          content: '';
                          display: block;
                          clear: both;
                        }
                        #cssmenu a {
                background: transparent none repeat scroll 0% 0%;
                color: rgb(185, 185, 185);
                display: inline-block;
                line-height: 35px;
                padding: 0px 20px;
                text-decoration: none;
                border-radius: 3px;
                font-size: 19px;
                margin-left: 5px;
                font-weight: 100 !important;
            }
                        #cssmenu ul {
                          list-style: none;
                        }
                        #cssmenu > ul {
                          float: left;
                        }
                        #cssmenu > ul > li {
                          float: center;
                        }
                        #cssmenu > ul > li:hover:after {
                          content: '';
                          display: block;
                          width: 0;
                          height: 0;
                          position: absolute;
                          left: 50%;
                          bottom: 0;
                        }
                        #cssmenu > ul > li:hover > a {
                        color: rgba(255, 255, 255, 0.55);
                        }
                        #cssmenu .has-sub {
                          z-index: 1;
                        }
                        #cssmenu .has-sub:hover > ul {
                          display: block;
                        }
                        #cssmenu .has-sub ul {
                          display: none;
                          position: absolute;
                          width: 200px;
                          top: 100%;
                          left: 0;
                        }
                        #cssmenu .has-sub ul li {
                          *margin-bottom: -1px;
                        }
                        #cssmenu .has-sub ul li a {
                          background: #0fa1e0;
                          border-bottom: 1px dotted #6fc7ec;
                          filter: none;
                          font-size: 11px;
                          display: block;
                          line-height: 120%;
                          padding: 10px;
                        }
                        #cssmenu .has-sub ul li:hover a {
                          background: #0c7fb0;
                        }
                        #cssmenu .has-sub .has-sub:hover > ul {
                          display: block;
                        }
                        #cssmenu .has-sub .has-sub ul {
                          display: none;
                          position: absolute;
                          left: 100%;
                          top: 0;
                        }
                        #cssmenu .has-sub .has-sub ul li a {
                          background: #0c7fb0;
                          border-bottom: 1px dotted #6db2d0;
                        }
                        #cssmenu .has-sub .has-sub ul li a:hover {
                          background: #095c80;
                        }
                        .menu {
                        width: 87.2%;
                        background: transparent;
                        margin-top: 4%;
                        margin-left: 5%;
                        padding: 10px;
                        -webkit-border-radius: 7px 7px 0px 0;
                        color:#fff;
                        }
                        .menu a{
                        transition:all linear 0.5s;
                        -moz-transition:all linear 0.5s;
                        -webkit-moz-trasition:all linear 0.5s;
                        font-weight:bold;
                        color:#999999;
                        margin-right:35px;
                        text-decoration:none;
                        }
                        #tabela1 {
                        background: transparent;
                        width: 1%;
                        float: center;
                        height: 1%;
                        margin-top: 383px;
                        }
                        #tabela1 a{
                        text-decoration:none;
                        color:#000;
                        }
                      body {
        background: #000 url("http://serepertencer.com.br/site/wp-content/uploads/2015/05/brown-abstract.jpg") repeat scroll 0% 90% / 100pc auto;
        color: #5A5A5A;
margin-top: 122px;
        font: 11px tahoma,helvetica,arial,sans-serif;
        padding-bottom: 0px;
    }
                        .conectado {
                        margin-top: -2.9%;
                        margin-left: 6%;
                        position: absolute;
                        background: rgba(0, 0, 0, 0.18);
                        height: 37px;
                        box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                        -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                        border: 1px solid rgba(0, 0, 0, 0.35);
                        width: 87%;
                        }
                        .botao {
                        font-weight: bold;
                        color: white;
                        float: left;
                        padding: 0 13px 9px 13px;
                        line-height: 36px;
                        outline: none;
                        height: 26px;
                        text-decoration: none;
                        }
                        .botao a {
                        color: white;
                        text-decoration: none;
                        }
                        .botao:hover {
                        background: rgba(0, 0, 0, 0.1);
                        }
                        #brunoh {
                        background-color: #4F4F4F;
                        border: 1px solid rgb(231, 231, 231);
                        padding: 6px;
                        }
                      #tabcont-brunoh {
                padding: 10px;
                width: 600px;
                background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
                z-index: 1;
                min-height: 100px;
                color: white;
                border-radius: 10px;
                left: 22pc;
                }
                        .copyright {
                        margin-top: 24px;
                        color: #5F5757;
                        }


                div#soufoda {
                position: relative;
                left: -39pc;
                top: 28pc;
                -webkit-transition: background-color 0.5s;
                transition: background-color 0.5s;
            background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
                border-color: rgba(0, 0, 0, 0.188235);
                border-radius: 6px;
                border-style: solid;
                border-width: 1px 1px 3px;
                box-shadow: rgba(66, 66, 66, 0.760784) 0px 0px 2px inset;
                color: rgb(249, 249, 249);
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
                width: 24pc;
                height: 103px;
                }
                div#sennior1 {
                position: relative;
                top: 323px;
                -moz-transition: background-color .5s;
                -o-transition: background-color .5s;
                -webkit-transition: background-color .5s;
                border-color: transparent;
                border-width: 1px 1px 3px;
                color: #F9F9F9;
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
                transition: background-color .5s;
                width: 24pc;
                left: -39pc;
                }
        .tabmen:hover a {
        font-size: 22px !important;
        }
                div#sennior4 {
                position: relative;
                top: 333px;
                -moz-transition: background-color .5s;
                -o-transition: background-color .5s;
                -webkit-transition: background-color .5s;
                border-color: transparent;
                border-width: 1px 1px 3px;
                color: #F9F9F9;
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
                transition: background-color .5s;
                width: 24pc;
                left: -39pc;
                }
                div#sennior2 {
                position: relative;
              top: 313px;
                -moz-transition: background-color .5s;
                -o-transition: background-color .5s;
                -webkit-transition: background-color .5s;
                border-width: 1px 1px 3px;
                color: #F9F9F9;
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
                transition: background-color .5s;
                width: 24pc;
                left: -39pc;
                }
                        </style>
                <center>
                                              <link rel="shortcut icon" type="image/x-icon" href="http://i18.servimg.com/u/f18/19/28/01/24/icon110.png" />        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />        <title>Mundo Negro RPG</title>                                   
                                                         
                  <center>
                                                             
                      <div id="tabcont-brunoh">
                                                                             
                        <div id="tab1" style="font-size:13px; color: rgb(171, 171, 171); display: block;">
                                                                                             
                            <ul>
                                                                      O Mundo Negro RPG leva aos amantes do antigo estilo do gênero diretamente ao olho do furacão. Aqui você será capaz de criar seu personagem selecionando a raça que mais chame sua atenção, desvendar os mistérios de sua ilha de origem e partir em busca de conhecimento e maiores desafios na ilha comum. Seja um humano, um anjo ou até mesmo um elfo – o universo do Mundo Negro foi feito especialmente para você! E aí, vai ficar fora dessa?         
                            </ul>
                                                                                       
                        </div>
                                                                                 
                      </div>
                                                         
                  </center>
                                                         
                  <center>
                                                               
                      <div class="menu">
                                                                             
                        <div id="cssmenu">
                                                                                                         
                            <center>
                                                                                                           
                              <div id="Soufoda">
                                                                               
                              </div>
                                                                           
                              <div id="sennior4" class="tabmen">

                                                                                                                           
                                  <div id="tab1" style="display: block; color:#CFCFCF;">
                                                                                                                                         
                                    <ul>
                                                                                                    <a href="/login">Entrar</a>                                             
                                    </ul>
                                                                                                                                   
                                  </div>
                                                                                                           
                              </div>
                                                                                                 
                              <div id="sennior1" class="tabmen">
                                                                                                                                 
                                  <div id="tab1" style="display: block;">
                                                                                                                                             
                                    <ul>
                                                                                                        <a href="/register">Crie Aqui a sua conta!</a>                                                 
                                    </ul>
                                                                                                                                         
                                  </div>
                                                                                                             
                              </div>
                                                                                                   
                              <div id="sennior2" class="tabmen">
                                                                                                                                       
                                  <div id="tab1" style="display: block;">
                                                                                                                                                     
                                    <ul>
                <a href="/portal">Portal Mundo Negro RPG</a>
                                    </ul>
                                       

                                  </div>
                                                                                                                                   
                              </div>
                                                                                                                                   
                            </center>
                                                                                       
                        </div>
                                                                                         
                      </div>
                                          <div class="oi">
    <br><img src="https://us.battle.net/wow/static/images/social/facebook/wod-choose-your-path/main-characters.png"/>                </div>
                      <div class="copyright"> 
                Copyright ®️ Criação de BrunoH. / Edição por Fraise, Carlos Silveira em parceria com a clínica Cior Odontologia.         
                   
                </div>
                                                         
                  </center>
                                              <a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
                </center>

Eu adicionei este código:
Código:
body {
  width: 1080px!important;
  height: 720px!important;
}

Você poderá ir ajustando até ficar ao seu agrado. Feliz

Cumprimentos.
Fraise
Fraise

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 26/06/2015
Mensagens : 6306
Pontos ativos : 7773

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico em curso Re: Configuração de Página HTML

Mensagem por kakakoro 09.08.15 14:21

Esse código não funcionou. Coloquei 200.200 para testar e não obtive resultado. : /
kakakoro

kakakoro
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1006
Pontos ativos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico em curso Re: Configuração de Página HTML

Mensagem por Fraise 09.08.15 14:32

Olá!

Vamos tentar de uma outra forma, troque a sua página por esta:
Código:
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<body>
<div id="wholepage">
<style>
                        <!----------------------------------------------- Créditos: -----------------------------------------------!>
                        Está página foi desenvolvida por BrunoH. - Web Designer e Programador
                        Nome: BrunoH. Páginas HTML
                        Autor: BrunoH.
                        Link: http://brunohweb.tk/
                        Data: 11/07/2013
                        A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
                        <!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>


#wholepage {
  width:900px;
  margin-left:auto;
  margin-right:auto;
}
                        hr {
                        border-color: #fff;
                        }
                        #top5 {
                        display:none;
                        position: fixed;
                        left: 86.6%;
                        top: 97%;
                        color: #73AAFD;
                        font-family: "Courier New", Courier, monospace font-size:14px;
                        font-weight: bold;
                        text-shadow: black 0.15em 0.15em 0.2em;
                        opacity: 0.7;
                        -webkit-transition-duration: 1s;
                        background: rgb(27, 27, 27);
                        width: 20%;
                        -webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
                        }
                        #top5:hover {
                        height: 80%;
                        top: 47%;
                        opacity: 1;
                        }
                        #topo1 {
                        position: absolute;
                        left: 81%;
                        top: 1.5%;
                        color: rgb(211, 211, 211);
                        font-weight: bold;
                        text-shadow: black 0.15em 0.15em 0.2em;
                        -webkit-transition-duration: 1s;
                        }
                        #topo2ip {
                        color: rgb(214, 214, 214);
                        display: inline;
                        }
                        #topo2 {
                        position: absolute;
                        top: 0%;
                        color: #73AAFD;
                        font-weight: bold;
                        text-shadow: black 0.15em 0.15em 0.2em;
                        background: transparent;
                        width: 98%;
                        -webkit-transition-duration: 1s;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.53);
                        padding: 4px;
                        }
                        #topo2:hover {opacity: 1;}
                        #cssmenu ul,
                        #cssmenu li,
                        #cssmenu span,
                        #cssmenu a {
                          margin: 0;
                          padding: 0;
                          position: relative;
                        }
                        #cssmenu {
                        height: 49px;
                        background: transparent;
                        margin-left: 80%;
                        margin-top: -10%;
                        width: 17%!important;
                        }
                        #cssmenu:after,
                        #cssmenu ul:after {
                          content: '';
                          display: block;
                          clear: both;
                        }
                        #cssmenu a {
                background: transparent none repeat scroll 0% 0%;
                color: rgb(185, 185, 185);
                display: inline-block;
                line-height: 35px;
                padding: 0px 20px;
                text-decoration: none;
                border-radius: 3px;
                font-size: 19px;
                margin-left: 5px;
                font-weight: 100 !important;
            }
                        #cssmenu ul {
                          list-style: none;
                        }
                        #cssmenu > ul {
                          float: left;
                        }
                        #cssmenu > ul > li {
                          float: center;
                        }
                        #cssmenu > ul > li:hover:after {
                          content: '';
                          display: block;
                          width: 0;
                          height: 0;
                          position: absolute;
                          left: 50%;
                          bottom: 0;
                        }
                        #cssmenu > ul > li:hover > a {
                        color: rgba(255, 255, 255, 0.55);
                        }
                        #cssmenu .has-sub {
                          z-index: 1;
                        }
                        #cssmenu .has-sub:hover > ul {
                          display: block;
                        }
                        #cssmenu .has-sub ul {
                          display: none;
                          position: absolute;
                          width: 200px;
                          top: 100%;
                          left: 0;
                        }
                        #cssmenu .has-sub ul li {
                          *margin-bottom: -1px;
                        }
                        #cssmenu .has-sub ul li a {
                          background: #0fa1e0;
                          border-bottom: 1px dotted #6fc7ec;
                          filter: none;
                          font-size: 11px;
                          display: block;
                          line-height: 120%;
                          padding: 10px;
                        }
                        #cssmenu .has-sub ul li:hover a {
                          background: #0c7fb0;
                        }
                        #cssmenu .has-sub .has-sub:hover > ul {
                          display: block;
                        }
                        #cssmenu .has-sub .has-sub ul {
                          display: none;
                          position: absolute;
                          left: 100%;
                          top: 0;
                        }
                        #cssmenu .has-sub .has-sub ul li a {
                          background: #0c7fb0;
                          border-bottom: 1px dotted #6db2d0;
                        }
                        #cssmenu .has-sub .has-sub ul li a:hover {
                          background: #095c80;
                        }
                        .menu {
                        width: 87.2%;
                        background: transparent;
                        margin-top: 4%;
                        margin-left: 5%;
                        padding: 10px;
                        -webkit-border-radius: 7px 7px 0px 0;
                        color:#fff;
                        }
                        .menu a{
                        transition:all linear 0.5s;
                        -moz-transition:all linear 0.5s;
                        -webkit-moz-trasition:all linear 0.5s;
                        font-weight:bold;
                        color:#999999;
                        margin-right:35px;
                        text-decoration:none;
                        }
                        #tabela1 {
                        background: transparent;
                        width: 1%;
                        float: center;
                        height: 1%;
                        margin-top: 383px;
                        }
                        #tabela1 a{
                        text-decoration:none;
                        color:#000;
                        }
                      body {
      background: rgb(0, 0, 0) url("http://serepertencer.com.br/site/wp-content/uploads/2015/05/brown-abstract.jpg") no-repeat scroll 0% 0% / 100pc auto;
        color: #5A5A5A;
        font: 11px tahoma,helvetica,arial,sans-serif;
        padding-bottom: 0px;
margin-top: 150px;
    }
                        .conectado {
                        margin-top: -2.9%;
                        margin-left: 6%;
                        position: absolute;
                        background: rgba(0, 0, 0, 0.18);
                        height: 37px;
                        box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                        -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                        border: 1px solid rgba(0, 0, 0, 0.35);
                        width: 87%;
                        }
                        .botao {
                        font-weight: bold;
                        color: white;
                        float: left;
                        padding: 0 13px 9px 13px;
                        line-height: 36px;
                        outline: none;
                        height: 26px;
                        text-decoration: none;
                        }
                        .botao a {
                        color: white;
                        text-decoration: none;
                        }
                        .botao:hover {
                        background: rgba(0, 0, 0, 0.1);
                        }
                        #brunoh {
                        background-color: #4F4F4F;
                        border: 1px solid rgb(231, 231, 231);
                        padding: 6px;
                        }
                      #tabcont-brunoh {
                padding: 10px;
                width: 600px;
                background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
                z-index: 1;
                min-height: 100px;
                color: white;
                border-radius: 10px;
                left: 22pc;
                }
                        .copyright {
                      margin-top: 20px;
                        color: #5F5757;
                        }


                div#soufoda {
                position: relative;
                left: -39pc;
                top: 28pc;
                -webkit-transition: background-color 0.5s;
                transition: background-color 0.5s;
            background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
                border-color: rgba(0, 0, 0, 0.188235);
                border-radius: 6px;
                border-style: solid;
                border-width: 1px 1px 3px;
                box-shadow: rgba(66, 66, 66, 0.760784) 0px 0px 2px inset;
                color: rgb(249, 249, 249);
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
                width: 24pc;
                height: 103px;
                }
                div#sennior1 {
                position: relative;
                top: 323px;
                -moz-transition: background-color .5s;
                -o-transition: background-color .5s;
                -webkit-transition: background-color .5s;
                border-color: transparent;
                border-width: 1px 1px 3px;
                color: #F9F9F9;
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
                transition: background-color .5s;
                width: 24pc;
                left: -39pc;
                }
        .tabmen:hover a {
        font-size: 22px !important;
        }
                div#sennior4 {
                position: relative;
                top: 333px;
                -moz-transition: background-color .5s;
                -o-transition: background-color .5s;
                -webkit-transition: background-color .5s;
                border-color: transparent;
                border-width: 1px 1px 3px;
                color: #F9F9F9;
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
                transition: background-color .5s;
                width: 24pc;
                left: -39pc;
                }
                div#sennior2 {
                position: relative;
              top: 313px;
                -moz-transition: background-color .5s;
                -o-transition: background-color .5s;
                -webkit-transition: background-color .5s;
                border-width: 1px 1px 3px;
                color: #F9F9F9;
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
                transition: background-color .5s;
                width: 24pc;
                left: -39pc;
                }
                        </style>
               
<center>
                                              <link rel="shortcut icon" type="image/x-icon" href="http://i18.servimg.com/u/f18/19/28/01/24/icon110.png" />        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />        <title>Mundo Negro RPG</title>                                   
                                                         
                  <center>
                                                             
                      <div id="tabcont-brunoh">
                                                                             
                        <div id="tab1" style="font-size:13px; color: rgb(171, 171, 171); display: block;">
                                                                                             
                            <ul>
                                                                      O Mundo Negro RPG leva aos amantes do antigo estilo do gênero diretamente ao olho do furacão. Aqui você será capaz de criar seu personagem selecionando a raça que mais chame sua atenção, desvendar os mistérios de sua ilha de origem e partir em busca de conhecimento e maiores desafios na ilha comum. Seja um humano, um anjo ou até mesmo um elfo – o universo do Mundo Negro foi feito especialmente para você! E aí, vai ficar fora dessa?         
                            </ul>
                                                                                       
                        </div>
                                                                                 
                      </div>
                                                         
                  </center>
                                                         
                  <center>
                                                               
                      <div class="menu">
                                                                             
                        <div id="cssmenu">
                                                                                                         
                            <center>
                                                                                                           
                              <div id="Soufoda">
                                                                               
                              </div>
                                                                           
                              <div id="sennior4" class="tabmen">

                                                                                                                           
                                  <div id="tab1" style="display: block; color:#CFCFCF;">
                                                                                                                                         
                                    <ul>
                                                                                                    <a href="/login">Entrar</a>                                             
                                    </ul>
                                                                                                                                   
                                  </div>
                                                                                                           
                              </div>
                                                                                                 
                              <div id="sennior1" class="tabmen">
                                                                                                                                 
                                  <div id="tab1" style="display: block;">
                                                                                                                                             
                                    <ul>
                                                                                                        <a href="/register">Crie Aqui a sua conta!</a>                                                 
                                    </ul>
                                                                                                                                         
                                  </div>
                                                                                                             
                              </div>
                                                                                                   
                              <div id="sennior2" class="tabmen">
                                                                                                                                       
                                  <div id="tab1" style="display: block;">
                                                                                                                                                     
                                    <ul>
                <a href="/portal">Portal Mundo Negro RPG</a>
                                    </ul>
                                       

                                  </div>
                                                                                                                                   
                              </div>
                                                                                                                                   
                            </center>
                                                                                       
                        </div>
                                                                                         
                      </div>
                                          <div class="oi">
    <br><img src="https://us.battle.net/wow/static/images/social/facebook/wod-choose-your-path/main-characters.png"/>                </div>
                      <div class="copyright"> 
                Copyright ® Criação de BrunoH. / Edição por Fraise, Carlos Silveira em parceria com a clínica Cior Odontologia.         
                   
                </div>
</div>
                  </center>
                                              <a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
                </center>

Para editar os valores da dimensão da página, terá de procurar por:
Código:
#wholepage {
  width:900px;
  margin-left:auto;
  margin-right:auto;
}

Resulta desta vez?

Cumprimentos.
Fraise
Fraise

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 26/06/2015
Mensagens : 6306
Pontos ativos : 7773

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico em curso Re: Configuração de Página HTML

Mensagem por kakakoro 09.08.15 14:50

Coloquei 200, e não mudou nada. Faz o seguinte, retira o campo da descrição e coloque ela perto da cabeça dos Orcs. Dai pode eliminar o espaço que ficará acima.
kakakoro

kakakoro
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1006
Pontos ativos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Ex-Admineiro

Tópico em curso Re: Configuração de Página HTML

Mensagem por RafaelS. 11.08.15 11:03

Olá!

Na verdade esse menu está uma confusão, se quiser eu faço um menu do mesmo estilo que seja mais fácil de personalizar. Para isso mande-me a página como ela se encontra atualmente: http://mundonegro.forumeiros.com/

Atenciosamente.
RafaelS.

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Membro desde : 26/04/2014
Mensagens : 5748
Pontos ativos : 7155

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico em curso Re: Configuração de Página HTML

Mensagem por kakakoro 11.08.15 16:54

Oi @Raffy Obrigado pela atenção e por tentar me ajudar. Vou deixar aqui o código! Envergonhado Rosa

Código:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<body>
<div id="wholepage">
<style>
                        <!----------------------------------------------- Créditos: -----------------------------------------------!>
                        Está página foi desenvolvida por BrunoH. - Web Designer e Programador
                        Nome: BrunoH. Páginas HTML
                        Autor: BrunoH.
                        Link: http://brunohweb.tk/
                        Data: 11/07/2013
                        A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
                        <!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>


#wholepage {
  width:200px;
  margin-left:auto;
  margin-right:auto;
}
                        hr {
                        border-color: #fff;
                        }
                        #top5 {
                        display:none;
                        position: fixed;
                        left: 86.6%;
                        top: 97%;
                        color: #73AAFD;
                        font-family: "Courier New", Courier, monospace font-size:14px;
                        font-weight: bold;
                        text-shadow: black 0.15em 0.15em 0.2em;
                        opacity: 0.7;
                        -webkit-transition-duration: 1s;
                        background: rgb(27, 27, 27);
                        width: 20%;
                        -webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
                        }
                        #top5:hover {
                        height: 80%;
                        top: 47%;
                        opacity: 1;
                        }
                        #topo1 {
                        position: absolute;
                        left: 81%;
                        top: 1.5%;
                        color: rgb(211, 211, 211);
                        font-weight: bold;
                        text-shadow: black 0.15em 0.15em 0.2em;
                        -webkit-transition-duration: 1s;
                        }
                        #topo2ip {
                        color: rgb(214, 214, 214);
                        display: inline;
                        }
                        #topo2 {
                        position: absolute;
                        top: 0%;
                        color: #73AAFD;
                        font-weight: bold;
                        text-shadow: black 0.15em 0.15em 0.2em;
                        background: transparent;
                        width: 98%;
                        -webkit-transition-duration: 1s;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.53);
                        padding: 4px;
                        }
                        #topo2:hover {opacity: 1;}
                        #cssmenu ul,
                        #cssmenu li,
                        #cssmenu span,
                        #cssmenu a {
                          margin: 0;
                          padding: 0;
                          position: relative;
                        }
                        #cssmenu {
                        height: 49px;
                        background: transparent;
                        margin-left: 80%;
                        margin-top: -10%;
                        width: 17%!important;
                        }
                        #cssmenu:after,
                        #cssmenu ul:after {
                          content: '';
                          display: block;
                          clear: both;
                        }
                        #cssmenu a {
                background: transparent none repeat scroll 0% 0%;
                color: rgb(185, 185, 185);
                display: inline-block;
                line-height: 35px;
                padding: 0px 20px;
                text-decoration: none;
                border-radius: 3px;
                font-size: 19px;
                margin-left: 5px;
                font-weight: 100 !important;
            }
                        #cssmenu ul {
                          list-style: none;
                        }
                        #cssmenu > ul {
                          float: left;
                        }
                        #cssmenu > ul > li {
                          float: center;
                        }
                        #cssmenu > ul > li:hover:after {
                          content: '';
                          display: block;
                          width: 0;
                          height: 0;
                          position: absolute;
                          left: 50%;
                          bottom: 0;
                        }
                        #cssmenu > ul > li:hover > a {
                        color: rgba(255, 255, 255, 0.55);
                        }
                        #cssmenu .has-sub {
                          z-index: 1;
                        }
                        #cssmenu .has-sub:hover > ul {
                          display: block;
                        }
                        #cssmenu .has-sub ul {
                          display: none;
                          position: absolute;
                          width: 200px;
                          top: 100%;
                          left: 0;
                        }
                        #cssmenu .has-sub ul li {
                          *margin-bottom: -1px;
                        }
                        #cssmenu .has-sub ul li a {
                          background: #0fa1e0;
                          border-bottom: 1px dotted #6fc7ec;
                          filter: none;
                          font-size: 11px;
                          display: block;
                          line-height: 120%;
                          padding: 10px;
                        }
                        #cssmenu .has-sub ul li:hover a {
                          background: #0c7fb0;
                        }
                        #cssmenu .has-sub .has-sub:hover > ul {
                          display: block;
                        }
                        #cssmenu .has-sub .has-sub ul {
                          display: none;
                          position: absolute;
                          left: 100%;
                          top: 0;
                        }
                        #cssmenu .has-sub .has-sub ul li a {
                          background: #0c7fb0;
                          border-bottom: 1px dotted #6db2d0;
                        }
                        #cssmenu .has-sub .has-sub ul li a:hover {
                          background: #095c80;
                        }
                        .menu {
                        width: 87.2%;
                        background: transparent;
                        margin-top: 4%;
                        margin-left: 5%;
                        padding: 10px;
                        -webkit-border-radius: 7px 7px 0px 0;
                        color:#fff;
                        }
                        .menu a{
                        transition:all linear 0.5s;
                        -moz-transition:all linear 0.5s;
                        -webkit-moz-trasition:all linear 0.5s;
                        font-weight:bold;
                        color:#999999;
                        margin-right:35px;
                        text-decoration:none;
                        }
                        #tabela1 {
                        background: transparent;
                        width: 1%;
                        float: center;
                        height: 1%;
                        margin-top: 383px;
                        }
                        #tabela1 a{
                        text-decoration:none;
                        color:#000;
                        }
                      body {
      background: rgb(0, 0, 0) url("http://serepertencer.com.br/site/wp-content/uploads/2015/05/brown-abstract.jpg") no-repeat scroll 0% 0% / 100pc auto;
        color: #5A5A5A;
        font: 11px tahoma,helvetica,arial,sans-serif;
        padding-bottom: 0px;
margin-top: 150px;
    }
                        .conectado {
                        margin-top: -2.9%;
                        margin-left: 6%;
                        position: absolute;
                        background: rgba(0, 0, 0, 0.18);
                        height: 37px;
                        box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                        -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
                        border: 1px solid rgba(0, 0, 0, 0.35);
                        width: 87%;
                        }
                        .botao {
                        font-weight: bold;
                        color: white;
                        float: left;
                        padding: 0 13px 9px 13px;
                        line-height: 36px;
                        outline: none;
                        height: 26px;
                        text-decoration: none;
                        }
                        .botao a {
                        color: white;
                        text-decoration: none;
                        }
                        .botao:hover {
                        background: rgba(0, 0, 0, 0.1);
                        }
                        #brunoh {
                        background-color: #4F4F4F;
                        border: 1px solid rgb(231, 231, 231);
                        padding: 6px;
                        }
                      #tabcont-brunoh {
                padding: 10px;
                width: 600px;
                background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
                z-index: 1;
                min-height: 100px;
                color: white;
                border-radius: 10px;
                left: 22pc;
                }
                        .copyright {
                      margin-top: 20px;
                        color: #5F5757;
                        }


                div#soufoda {
                position: relative;
                left: -39pc;
                top: 28pc;
                -webkit-transition: background-color 0.5s;
                transition: background-color 0.5s;
            background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
                border-color: rgba(0, 0, 0, 0.188235);
                border-radius: 6px;
                border-style: solid;
                border-width: 1px 1px 3px;
                box-shadow: rgba(66, 66, 66, 0.760784) 0px 0px 2px inset;
                color: rgb(249, 249, 249);
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
                width: 24pc;
                height: 103px;
                }
                div#sennior1 {
                position: relative;
                top: 323px;
                -moz-transition: background-color .5s;
                -o-transition: background-color .5s;
                -webkit-transition: background-color .5s;
                border-color: transparent;
                border-width: 1px 1px 3px;
                color: #F9F9F9;
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
                transition: background-color .5s;
                width: 24pc;
                left: -39pc;
                }
        .tabmen:hover a {
        font-size: 22px !important;
        }
                div#sennior4 {
                position: relative;
                top: 333px;
                -moz-transition: background-color .5s;
                -o-transition: background-color .5s;
                -webkit-transition: background-color .5s;
                border-color: transparent;
                border-width: 1px 1px 3px;
                color: #F9F9F9;
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
                transition: background-color .5s;
                width: 24pc;
                left: -39pc;
                }
                div#sennior2 {
                position: relative;
              top: 313px;
                -moz-transition: background-color .5s;
                -o-transition: background-color .5s;
                -webkit-transition: background-color .5s;
                border-width: 1px 1px 3px;
                color: #F9F9F9;
                display: block;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 6px;
                text-align: center;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
                transition: background-color .5s;
                width: 24pc;
                left: -39pc;
                }
                        </style>
                
<center>
                                              <link rel="shortcut icon" type="image/x-icon" href="http://i18.servimg.com/u/f18/19/28/01/24/icon110.png" />        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />        <title>Mundo Negro RPG</title>                                    
                                                          
                  <center>
                                                              
                      <div id="tabcont-brunoh">
                                                                              
                        <div id="tab1" style="font-size:13px; color: rgb(171, 171, 171); display: block;">
                                                                                              
                            <ul>
                                                                      O Mundo Negro RPG leva aos amantes do antigo estilo do gênero diretamente ao olho do furacão. Aqui você será capaz de criar seu personagem selecionando a raça que mais chame sua atenção, desvendar os mistérios de sua ilha de origem e partir em busca de conhecimento e maiores desafios na ilha comum. Seja um humano, um anjo ou até mesmo um elfo – o universo do Mundo Negro foi feito especialmente para você! E aí, vai ficar fora dessa?          
                            </ul>
                                                                                        
                        </div>
                                                                                  
                      </div>
                                                          
                  </center>
                                                          
                  <center>
                                                                
                      <div class="menu">
                                                                              
                        <div id="cssmenu">
                                                                                                          
                            <center>
                                                                                                            
                              <div id="Soufoda">
                                                                                
                              </div>
                                                                            
                              <div id="sennior4" class="tabmen">

                                                                                                                            
                                  <div id="tab1" style="display: block; color:#CFCFCF;">
                                                                                                                                          
                                    <ul>
                                                                                                    <a href="/login">Entrar</a>                                              
                                    </ul>
                                                                                                                                    
                                  </div>
                                                                                                            
                              </div>
                                                                                                  
                              <div id="sennior1" class="tabmen">
                                                                                                                                  
                                  <div id="tab1" style="display: block;">
                                                                                                                                              
                                    <ul>
                                                                                                        <a href="/register">Crie Aqui a sua conta!</a>                                                  
                                    </ul>
                                                                                                                                          
                                  </div>
                                                                                                              
                              </div>
                                                                                                    
                              <div id="sennior2" class="tabmen">
                                                                                                                                        
                                  <div id="tab1" style="display: block;">
                                                                                                                                                      
                                    <ul>
                <a href="/portal">Portal Mundo Negro RPG</a>
                                    </ul>
                                        

                                  </div>
                                                                                                                                    
                              </div>
                                                                                                                                    
                            </center>
                                                                                        
                        </div>
                                                                                          
                      </div>
                                          <div class="oi">
    <br><img src="https://us.battle.net/wow/static/images/social/facebook/wod-choose-your-path/main-characters.png"/>                </div>
                      <div class="copyright">  
                Copyright ®️ Criação de BrunoH. / Edição por Fraise, Carlos Silveira em parceria com a clínica Cior Odontologia.          
                    
                </div>
</div>
                  </center>
                                              <a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
                </center>
kakakoro

kakakoro
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1006
Pontos ativos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico em curso Re: Configuração de Página HTML

Mensagem por kakakoro 14.08.15 17:26

UP - 48 horas.
kakakoro

kakakoro
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1006
Pontos ativos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico em curso Re: Configuração de Página HTML

Mensagem por kakakoro 15.08.15 18:48

Pode fechar por favor.
kakakoro

kakakoro
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1006
Pontos ativos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico em curso Re: Configuração de Página HTML

Mensagem por Fraise 15.08.15 19:15

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Fraise

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 26/06/2015
Mensagens : 6306
Pontos ativos : 7773

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste fórum
Você não pode responder aos tópicos