Configuração de Página HTML

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

Em curso Configuração de Página HTML

Mensagem por kakakoro em 08/08/15, 11:03 am

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

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
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Em curso Re: Configuração de Página HTML

Mensagem por iPrompt em 08/08/15, 11:24 am

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Em curso Re: Configuração de Página HTML

Mensagem por kakakoro em 08/08/15, 11:40 am

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.
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Em curso Re: Configuração de Página HTML

Mensagem por iPrompt em 08/08/15, 12:03 pm

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Em curso Re: Configuração de Página HTML

Mensagem por kakakoro em 08/08/15, 02:43 pm

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 ).
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Em curso Re: Configuração de Página HTML

Mensagem por iPrompt em 08/08/15, 02:53 pm

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Em curso Re: Configuração de Página HTML

Mensagem por kakakoro em 08/08/15, 03:32 pm

@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
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Em curso Re: Configuração de Página HTML

Mensagem por iPrompt em 08/08/15, 03:41 pm

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Em curso Re: Configuração de Página HTML

Mensagem por kakakoro em 08/08/15, 05:35 pm

@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?
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Em curso Re: Configuração de Página HTML

Mensagem por iPrompt em 08/08/15, 05:50 pm

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Em curso Re: Configuração de Página HTML

Mensagem por kakakoro em 08/08/15, 07:00 pm

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
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Em curso Re: Configuração de Página HTML

Mensagem por iPrompt em 08/08/15, 07:29 pm

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Em curso Re: Configuração de Página HTML

Mensagem por kakakoro em 09/08/15, 09:54 am

Nao mudou nada. Pode fechar @Quakeline :/
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Em curso Re: Configuração de Página HTML

Mensagem por Fraise em 09/08/15, 09:57 am

Olá @kakakoro!

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

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Em curso Re: Configuração de Página HTML

Mensagem por kakakoro em 09/08/15, 10:04 am

@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.
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Em curso Re: Configuração de Página HTML

Mensagem por Fraise em 09/08/15, 10:16 am

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Em curso Re: Configuração de Página HTML

Mensagem por kakakoro em 09/08/15, 10:21 am

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

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Em curso Re: Configuração de Página HTML

Mensagem por Fraise em 09/08/15, 10:32 am

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Em curso Re: Configuração de Página HTML

Mensagem por kakakoro em 09/08/15, 10:50 am

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.
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Em curso Re: Configuração de Página HTML

Mensagem por Rafael em 11/08/15, 07:03 am

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.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Em curso Re: Configuração de Página HTML

Mensagem por kakakoro em 11/08/15, 12:54 pm

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>
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Em curso Re: Configuração de Página HTML

Mensagem por kakakoro em 14/08/15, 01:26 pm

UP - 48 horas.
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Em curso Re: Configuração de Página HTML

Mensagem por kakakoro em 15/08/15, 02:48 pm

Pode fechar por favor.
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Em curso Re: Configuração de Página HTML

Mensagem por Fraise em 15/08/15, 03:15 pm

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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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