Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Kit avatar e assinatura.
Hoje à(s) 01:37 am por ranzatti

» Efeito nos grupos
Hoje à(s) 12:17 am por Matt Shultz

» PAGINA HTML
Hoje à(s) 12:08 am por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Ontem à(s) 11:05 pm por iScroll

» Logo fixo
Ontem à(s) 10:50 pm por iScroll

» Logo para um fórum
Ontem à(s) 10:36 pm por Hyouran

» Rank para o meu fórum
Ontem à(s) 10:33 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

Quem está conectado
209 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 208 Visitantes :: 2 Motores de busca

soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Página Adicional

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

Resolvido Página Adicional

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

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Administrador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Problema começou : Nenhuma informação
Endereço do fórum : vertigem.forumeiros.com

Descrição do problema

Olá, eu gostaria de criar uma página principal para meu fórum que seja parecida com essa: http://jogodostronos.forumeiros.com/

Nela eu gostaria de colocar a foto de fundo (que seria o da logo) com três botões.

"Adquira agora seu exemplar"

"Ir para fórum"

"Contato"


Assim como a página que usei como exemplo, deixar a barrinha de curtidas no facebook e também criar um espaço onde eu possa inserir um pequeno texto. Desde já agradeço!


Última edição por kakakoro em 18/01/15, 08:19 am, editado 1 vez(es)
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

Resolvido Re: Página Adicional

Mensagem por Sennior em 17/01/15, 03:13 am

Saudações,

O senhor teria um botão em forma de imagens para criar os campos:

Seta "Adquira agora seu exemplar"
Seta "Ir para fórum"
Seta "Contato"


Ou deseja que utilizemos mesmo edições em CSS?
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Página Adicional

Mensagem por kakakoro em 17/01/15, 12:09 pm

Eu prefiro que utilizem qualquer imagem ou mesmo nenhuma porque logo que a página ficar pronta, eu mesmo irei adicionar as artes feitas no photoshop. Eu apenas preciso da estrutura mesmo.
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

Resolvido Re: Página Adicional

Mensagem por Sennior em 17/01/15, 01:25 pm

Saudações Edu,

Me explique detalhadamente o que quer que mude:
Código:

<meta http-equiv="Content-Type" content="text/html;charset=utf-8"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <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;
        }
        #RaidCallDESATIVADO {
        position: absolute;
        top: 1.5%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        background: transparent;
        width: 36%;
        -webkit-transition-duration: 1s;
        margin-left: 22%;
        }
        #RaidCall {
        position: absolute;
        left: 81%;
        top: 0%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        -webkit-transition-duration: 1s;
        padding: 4px;
        }
        #RaidCallID {
        color: rgb(214, 214, 214);
        display: inline;
        }
        #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;
        color: #fff;
        display: inline-block;
        font-family: Game of Thrones;
        line-height: 35px;
        padding: 0 20px;
        text-decoration: none;
        border-radius: 3px;
        font-size: 20px;
        margin-left: 5px;
        }
        #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%;
        position: absolute;
        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://i.imgur.com/5DiXOi5.jpg") repeat;
        color: #5a5a5a;
        font: normal 11px tahoma,helvetica,arial,sans-serif;
        padding-bottom: 20px;
        }
        .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: #fbfbfb;
        border: 1px solid rgb(231, 231, 231);
        padding: 6px;
        }
        .redesociais {
        margin-left: 820px;
        margin-top: -288px;
        position: absolute;
        }
        #tabcont-brunoh {
        padding: 10px;
        width: 600px;
        position: absolute;
        margin-left: 100px;
        background: rgba(0, 0, 0, 0.04);
        z-index: 1;
        min-height: 100px;
        margin-top: -237px;
        }
        .copyright {
        position: absolute;
        margin-left: 600px;
        margin-top: 264px;
        color: #fff;
        }

div#sennior {
position: relative;
left: -61pc;
top: -3pc;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
background-color: #1AB8D6;
border-color: rgba(0,0,0,0.16);
border-radius: 6px;
border-style: solid;
border-width: 1px 1px 3px;
box-shadow: inset 0 0 2px rgba(255,255,255,0.76);
color: #FFF;
display: block;
font-size: 14px;
font-weight: 700;
padding: 1px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width:19pc;
}


        </style>




        <link rel="shortcut icon" type="image/x-icon" href="http://gameofthrones-845.ah.bpcdn.net/favicon.ico?" />
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Jogo dos Tronos</title>
        </head>
        <body>
        <div class="redesociais"><iframe src="//www.facebook.com/plugins/facepile.php?href=http%3A%2F%2Ffacebook.com%2FGameOfThronesRpg&app_id&action&max_rows=4&size=medium&show_count=true&width=300&colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px;" allowTransparency="true"></iframe></div>
        <center><img src="http://upload.wikimedia.org/wikipedia/commons/b/b5/Logo_Game_of_Thrones.png" style=" position: absolute; left: 89px; top: -20px;padding: 0px; width: 50%;"><div id="tabcont-brunoh"><div id="tab1" style="font-size:17px;display: block;"><ul>EDU AQUI VOCÊ PODERIA ESCREVER?</ul></div>
        </div></center></div>
        <center><div class="menu"><div id='cssmenu'>

        <center><div id="sennior"><div id="tab1" style="display: block;"><ul><a href="LINK PARA ONDE IREMOS AO CLICAR">Adquira agora seu exemplar!</a></ul></div>
        <div id="sennior1"><div id="tab1" style="display: block;"><ul><a href="LINK PARA ONDE IREMOS AO CLICAR">Ir para fórum</a></ul></div>
        <div id="sennior2"><div id="tab1" style="display: block;"><ul><a href="LINK PARA ONDE IREMOS AO CLICAR">Contato</a></ul></div>

</div></center></div>

 

        <ul>
          <li class='has-sub'><a href='http://jogodostronos.forumeiros.com/forum'><span><img src="http://i.imgur.com/lZ7TAHe.png"></img></span></a></li><br>
          <li class='active'><a href='http://jogodostronos.forumeiros.com/portal?pid=1'><span><img src="http://i.imgur.com/AG8iUTN.png"></img></span></a></li><br>
        </ul>
        </div></div><div class="copyright">Copyright ® Jogo dos Tronos</div>
        <table id="tabela1">
        <td><center></table></center>

        <a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>



        </body>
        </html>

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Página Adicional

Mensagem por kakakoro em 17/01/15, 06:42 pm

Como eu visualizo?
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

Resolvido Re: Página Adicional

Mensagem por Sennior em 17/01/15, 06:48 pm

Melhor amigo, vá neste site e cole o código acima:
Seta comofazerumsite.com/editor-html/tempo-real.html

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Página Adicional

Mensagem por kakakoro em 17/01/15, 06:59 pm

Certo, consegui visualizar.

Primeiro, trocar a imagem de fundo para esta. Claro que se deve primeiro cortar a assinatura do artísta logo abaixo. Ou não, deixa apenas a imagem e depois eu mesmo troco. > http://2.bp.blogspot.com/-Q3vZ1KnYRPI/TtSD0nTJsGI/AAAAAAAAAXU/cfGRgdZrTJU/s1600/armageddon29zbastroid.jpg


Segundo, remover os botões "Ir para RPG" e "Noticias"

Terceiro, trocar o Copyright para Vertigem e logo abaixo colocar os nomes dos administradores: CJSilveira Isoul e Sennior

Quarto, no lugar da imagem que aparece "Game of Thrones" Trocar por esta > http://i.imgur.com/7FXeLMN.png

Quinto, em baixo da imagem do item quatro, deixar o espaço para descrição do fórum...assim como está na página de exemplo. Se quiser trocar, pode adicionar o seguinte texto justificado:

"Armand Donovan poderia levar sua vida pacata, livre das intrigas da cúpula do Magistrado e do jogo interminável de poder entre Ámon e Capa Branca - membros completamente opostos da Guarda Provincial. Porém, o jovem garoto acabou sendo pego em fogo cruzado, o que acabou o deixando cara a cara com os reais problemas da última cidade viva do planeta terra - Lasttown. Com isso, a oportunidade perfeita para se vingar dos homens que o torturaram e simplesmente desapareceram com sua mãe acabou caindo em suas mãos. O que ninguém esperava, é que o destino aguardava a chance perfeita para balançar mais uma vez o equilibrio do planeta terra. Ninguém está a salvo quando se está em Lasttown."

Sexto e Ultimo, eu gostei dos botões que voce criou, mas eu preferiria que a letra fosse cinza ou prata e que trocasse o azul por um cinza com transparência.


Desculpa a trabalheira, mas é isso. Obrigado pela atenção!
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

Resolvido Re: Página Adicional

Mensagem por Sennior em 17/01/15, 07:20 pm

Nada de trabalho amigão. Muito feliz
Aqui esta, o que mais deseja?
Código:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <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;
        }
        #RaidCallDESATIVADO {
        position: absolute;
        top: 1.5%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        background: transparent;
        width: 36%;
        -webkit-transition-duration: 1s;
        margin-left: 22%;
        }
        #RaidCall {
        position: absolute;
        left: 81%;
        top: 0%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        -webkit-transition-duration: 1s;
        padding: 4px;
        }
        #RaidCallID {
        color: rgb(214, 214, 214);
        display: inline;
        }
        #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;
        color: #fff;
        display: inline-block;
        font-family: Game of Thrones;
        line-height: 35px;
        padding: 0 20px;
        text-decoration: none;
        border-radius: 3px;
        font-size: 20px;
        margin-left: 5px;
        }
        #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%;
        position: absolute;
        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://2.bp.blogspot.com/-Q3vZ1KnYRPI/TtSD0nTJsGI/AAAAAAAAAXU/cfGRgdZrTJU/s1600/armageddon29zbastroid.jpg") repeat;
        color: #5a5a5a;
        font: normal 11px tahoma,helvetica,arial,sans-serif;
        padding-bottom: 20px;
        background-repeat: no-repeat;
 
        }
        .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: #fbfbfb;
        border: 1px solid rgb(231, 231, 231);
        padding: 6px;
        }
        .redesociais {
        margin-left: 820px;
        margin-top: -288px;
        position: absolute;
        }
      #tabcont-brunoh {
padding: 10px;
width: 600px;
position: absolute;
margin-left: 100px;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
min-height: 100px;
margin-top: -237px;
color: white;
border-radius: 10px;
}
        .copyright {
        position: absolute;
        margin-left: 600px;
        margin-top: 264px;
        color: #fff;
        }

div#sennior {
position: relative;
left: -66pc;
top: 9pc;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
background-color: rgba(139, 139, 139, 0.36);
border-color: rgba(0, 0, 0, 0.19);
border-radius: 6px;
border-style: solid;
border-width: 1px 1px 3px;
box-shadow: inset 0 0 2px rgba(66, 66, 66, 0.76);
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: 19pc;
left: -60pc;
}


        </style>
<center>



        <link rel="shortcut icon" type="image/x-icon" href="http://gameofthrones-845.ah.bpcdn.net/favicon.ico?" />
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Jogo dos Tronos</title>
        </head>
        <body>
        <div class="redesociais"><iframe src="//www.facebook.com/plugins/facepile.php?href=http%3A%2F%2Ffacebook.com%2FGameOfThronesRpg&app_id&action&max_rows=4&size=medium&show_count=true&width=300&colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px;" allowTransparency="true"></iframe></div>
        <center><img src="http://i.imgur.com/7FXeLMN.png" style=" position: absolute; left: 109px; top: -20px;padding: 0px; width: 40%;"><div id="tabcont-brunoh"><div id="tab1" style="font-size:17px;display: block;"><ul>Armand Donovan poderia levar sua vida pacata, livre das intrigas da cúpula do Magistrado e do jogo interminável de poder entre Ámon e Capa Branca - membros completamente opostos da Guarda Provincial. Porém, o jovem garoto acabou sendo pego em fogo cruzado, o que acabou o deixando cara a cara com os reais problemas da última cidade viva do planeta terra - Lasttown. Com isso, a oportunidade perfeita para se vingar dos homens que o torturaram e simplesmente desapareceram com sua mãe acabou caindo em suas mãos. O que ninguém esperava, é que o destino aguardava a chance perfeita para balançar mais uma vez o equilibrio do planeta terra. Ninguém está a salvo quando se está em Lasttown.</ul></div>
        </div></center></div>
        <center><div class="menu"><div id='cssmenu'>

        <center><div id="sennior"><div id="tab1" style="display: block;"><ul><a href="LINK PARA ONDE IREMOS AO CLICAR">Adquira agora seu exemplar!</a></ul></div>
        <div id="sennior1"><div id="tab1" style="display: block;"><ul><a href="LINK PARA ONDE IREMOS AO CLICAR">Ir para fórum</a></ul></div>
        <div id="sennior2"><div id="tab1" style="display: block;"><ul><a href="LINK PARA ONDE IREMOS AO CLICAR">Contato</a></ul></div>

</div></center></div>

 

   
        </div></div><div class="copyright">Copyright ® CJSilveira Isoul</div>
        <table id="tabela1">
        <td><center></table></center>

        <a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>

</center>

        </body>
        </html>

A imagem de fundo não ficou proporcional, deseja mudar?
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Página Adicional

Mensagem por kakakoro em 17/01/15, 07:25 pm

Não, acredito que o resto basta alterar os espaços, não é mesmo? Bem, obrigado fera...você é muito ágil. Agora apenas me diga como eu instalo essa página como página inicial do fórum que concluo esse tópico.

Abraços!
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

Resolvido Re: Página Adicional

Mensagem por Sennior em 17/01/15, 07:35 pm

Simples, vá em:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão das páginas HTML
Crie uma nova página HTML com o código e depois em:
Seta Usar como pagina inicial: Marque sim.
Seta Usar no inicio e final do teu fórum: Marque não.

Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Página Adicional

Mensagem por kakakoro em 18/01/15, 08:19 am

Excelente! Muito obrigado amigo! : *
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

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