Como adicionar esta página HTML em meu fórum

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

Resolvido Como adicionar esta página HTML em meu fórum

Mensagem por LeonardoF em 24/12/12, 05:10 pm

Qual é minha questão:
Olá,estava dando uma pesquisada e achei uma página muito interessante,seguindo a imagem abaixo gostaria de saber se tem como colocar isto em meu fórum e se tiver,gostaria que alguém,caso possa,me fornecesse o devido suporte para a colocação do mesmo.

Imagem:  http://imgur.com/xNHo8

Fórum de onde eu vi: http://narutoninjalife.ultimaterpg.net/

Endereço do meu fórum:
http://narutoifn.narutorpg.org

Versão do fórum:
PUNBB
avatar

LeonardoF
Nível 5

Masculino
Inscrito dia : 01/07/2012
Mensagens : 35
Pontos Ativos : 53

Ver perfil do usuário http://google.com

Resolvido Re: Como adicionar esta página HTML em meu fórum

Mensagem por BrunoH. em 24/12/12, 05:12 pm

Olá!
Aceda a Gestão das páginas HTML:
Painel de Controle Seta Módulos Seta HTML e JavaScript Seta Gestão das páginas HTML

Título Seta Escolha um título qualquer.
Você deseja utilizar o início e o final da página do seu fórum ? Seta Marque não
Usar esta página como página inicial? Seta Marque sim
Código HTML:
Código:

<!DOCTYPE html>
    <html><head> <title>Início NNL RPG</title><link rel="shortcut icon" type="image/x-icon" href="--" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="format-detection" content="telephone=no"> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/gui.css" rel="stylesheet" type="text/css"> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/me.css" rel="stylesheet" type="text/css"> <style type="text/css">
    form{padding:0 10px;} #pf label {display:block;padding:10px 0 4px 0;} .b{background: url(http://www.hdwallpapers.in/wallpapers/digital_waves-2560x1600.jpg);} #s {margin-top:10px;} #login .column11.first a b {
      font-size: 16px;
    }
    </style> <!-- <link href="/m/gui.default.css?t=20120705-1" rel="stylesheet" type="text/css" /> --> <!-- <link href="http://stc2.me.ola.vn/theme/singirl/style.css?t=20120705-1" rel="stylesheet" type="text/css" /> --> <script src="http://stuffpoint.com/sword-art-online/image/54374-sword-art-online-background.jpg"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/rotate.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery.js"></script> <script src="http://stuffpoint.com/sword-art-online/image/54374-sword-art-online-background.jpg"></script> <script src="http://stuffpoint.com/sword-art-online/image/54374-sword-art-online-background.jpg"></script> <link href="http://sao-rpg.criarforum.com.pt/11204.js" rel="stylesheet" type="text/css"><script src="http://dl.dropbox.com/u/60753415/ola/signin_files/effect.js"></script> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/colorbox.css" rel="stylesheet" type="text/css"> <script src="http://stuffpoint.com/sword-art-online/image/54374-sword-art-online-background.jpg"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/app.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/utils.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/pages.js"></script> </head> <body id="login" style="height: 100%;"><iframe src="http://dl.dropbox.com/u/60753415/ola/signin_files/ping.htm" id="refresh" style="position: absolute; top: -2000px"></iframe> <div style="position: relative; height:100%; min-height: 100%;"> <div> <div class="bg1"></div> <div class="bg4"></div></div> <div style="height: 100%;"><div style="position: relative;height: 100%;"> <div id="topNav"> <div class="wrap clearfix"> <div class="lfloat"> <a href="/forum" title="" class="lfloat" id="logo"> </a> </div> </div> </div> <div class="wrap" id="page"><div class="page-container"> <div class="page-home "> <!-- //End dashboard --> <div class="content-main"> <div class="module"> <div class="module-def main-title"> <b>Naruto Ninja Life RPG</b> </div> <div class="module-body"> <div class="bd"> <div class="column11 first"> <a href="/forum"><b>Seja Bem-Vindo(a) ao NNL RPG!</b></a><div class="page-intro"><br>Aqui você poderá viver uma verdadeira vida ninja neste Rolling Player Game(RPG) de Naruto.Obrigado pela preferência!</br></div><div class="tour"> <div class="tour-container"> <div class="tour-1"> <b>Você ainda não tem uma conta ?</b> <p><a href="/register">Clique aqui</a> para se registar!<span class="send"><span class="cmd-code"></span><span class="var"></p> </div> </div> <div class="tour-container"> <div class="tour-2"> <b>Esqueceu sua senha?</b> <p>Envie-me uma <a href="/profile?mode=sendpassword">nova senha!</a><span class="send"><span class="cmd-code"></span> <span class="var"></span></span></p> </div> </div> <div class="tour-container last"> <div class="tour-3"> <b>Leia as regras!</b><p>Queira por favor, antes de atuar em nosso fórum <a href="--------------">ler as regras</a>.</a><p><span class="send"><span class="cmd-code"></span></span></p> </div> </div> </div> </div> <div class="column11"><img src="http://i.imm.io/P79z.png" border="0" alt="Naruto Ninja Life RPG" /></a><br><div class="login-form"> <form id="loginForm" method="post" action="/login.forum" autocomplete="off" name="form_login"> <div class="login-header">Digite seu nome de usuário e senha para conectar-se.</div> <div class="line"> <input name="s" value="" type="hidden">
          <input name="securitytoken" value="guest" type="hidden">
          <input name="do" value="login" type="hidden">
          <input name="vb_login_md5password" type="hidden">
          <input name="vb_login_md5password_utf" type="hidden"><label for="1"></div> <div class="line"> <input type="hidden" name="ZiV.YrH2ZfS5QC45Z7d6bgH4agN.ZiH." value="c1de3b5961da62f365d55850942946ff"/> <label for="1">Usuário:</label> <input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="text"></div> <div class="line"> 
          <label for="1">Senha:</label> <input type="password" tabindex="1" name="password" id="password" size="30" maxlength="40" value="" class="text">
          </div> <div class="line">   
            <input class="radio" type="checkbox" name="autologin" checked="checked"></label> <span class="gensmall">Conexão automática</span> <label><br> <input class="button1" type="submit" name="login" tabindex="6" value="Login" class="button2">
          </div> </div> </div> <small><div align= "right">Created By Crow</small></p>  <div class="module-def space"> </div> </div> </div><!-- //End content-main --> <div class="clr"></div> </div> </div></div> <p id="back-top"><a href="#top">NNL RPG<span></span></a></p> </div></div> </div>
                <a href="http://www.forumeiros.com" target="_blank"></a>        </body> </html>
e Salve!

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como adicionar esta página HTML em meu fórum

Mensagem por LeonardoF em 24/12/12, 05:16 pm

Cara você é rápido hein,muito obrigado resultou direitinho,mas antes só uma dúvida,para mudar a imagem e o nomes são dentro do código ou são códigos diferente ? grato pela ajuda.
avatar

LeonardoF
Nível 5

Masculino
Inscrito dia : 01/07/2012
Mensagens : 35
Pontos Ativos : 53

Ver perfil do usuário http://google.com

Resolvido Re: Como adicionar esta página HTML em meu fórum

Mensagem por BrunoH. em 24/12/12, 05:18 pm

Olá!
Veja:
Spoiler:

<!DOCTYPE html>
<html><head> <title>Início NNL RPG</title><link rel="shortcut icon" type="image/x-icon" href="--" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="format-detection" content="telephone=no"> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/gui.css" rel="stylesheet" type="text/css"> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/me.css" rel="stylesheet" type="text/css"> <style type="text/css">
form{padding:0 10px;} #pf label {display:block;padding:10px 0 4px 0;} .b{background: url(IMAGEM);} #s {margin-top:10px;} #login .column11.first a b {
font-size: 16px;
}
</style> <!-- <link href="/m/gui.default.css?t=20120705-1" rel="stylesheet" type="text/css" /> --> <!-- <link href="http://stc2.me.ola.vn/theme/singirl/style.css?t=20120705-1" rel="stylesheet" type="text/css" /> --> <script src="http://stuffpoint.com/sword-art-online/image/54374-sword-art-online-background.jpg"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/rotate.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery.js"></script> <script src="http://stuffpoint.com/sword-art-online/image/54374-sword-art-online-background.jpg"></script> <script src="http://stuffpoint.com/sword-art-online/image/54374-sword-art-online-background.jpg"></script> <link href="http://sao-rpg.criarforum.com.pt/11204.js" rel="stylesheet" type="text/css"><script src="http://dl.dropbox.com/u/60753415/ola/signin_files/effect.js"></script> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/colorbox.css" rel="stylesheet" type="text/css"> <script src="http://stuffpoint.com/sword-art-online/image/54374-sword-art-online-background.jpg"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/app.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/utils.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/pages.js"></script> </head> <body id="login" style="height: 100%;"><iframe src="http://dl.dropbox.com/u/60753415/ola/signin_files/ping.htm" id="refresh" style="position: absolute; top: -2000px"></iframe> <div style="position: relative; height:100%; min-height: 100%;"> <div> <div class="bg1"></div> <div class="bg4"></div></div> <div style="height: 100%;"><div style="position: relative;height: 100%;"> <div id="topNav"> <div class="wrap clearfix"> <div class="lfloat"> <a href="/forum" title="" class="lfloat" id="logo"> </a> </div> </div> </div> <div class="wrap" id="page"><div class="page-container"> <div class="page-home "> <!-- //End dashboard --> <div class="content-main"> <div class="module"> <div class="module-def main-title"> <b>Naruto Ninja Life RPG</b> </div> <div class="module-body"> <div class="bd"> <div class="column11 first"> <a href="/forum"><b>Seja Bem-Vindo(a) ao NNL RPG!</b></a><div class="page-intro"><br>Aqui você poderá viver uma verdadeira vida ninja neste Rolling Player Game(RPG) de Naruto.Obrigado pela preferência!</br></div><div class="tour"> <div class="tour-container"> <div class="tour-1"> <b>Você ainda não tem uma conta ?</b> <p><a href="/register">Clique aqui</a> para se registar!<span class="send"><span class="cmd-code"></span><span class="var"></p> </div> </div> <div class="tour-container"> <div class="tour-2"> <b>Esqueceu sua senha?</b> <p>Envie-me uma <a href="/profile?mode=sendpassword">nova senha!</a><span class="send"><span class="cmd-code"></span> <span class="var"></span></span></p> </div> </div> <div class="tour-container last"> <div class="tour-3"> <b>Leia as regras!</b><p>Queira por favor, antes de atuar em nosso fórum <a href="--------------">ler as regras</a>.</a><p><span class="send"><span class="cmd-code"></span></span></p> </div> </div> </div> </div> <div class="column11"><img src="http://i.imm.io/P79z.png" border="0" alt="Naruto Ninja Life RPG" /></a><br><div class="login-form"> <form id="loginForm" method="post" action="/login.forum" autocomplete="off" name="form_login"> <div class="login-header">Digite seu nome de usuário e senha para conectar-se.</div> <div class="line"> <input name="s" value="" type="hidden">
<input name="securitytoken" value="guest" type="hidden">
<input name="do" value="login" type="hidden">
<input name="vb_login_md5password" type="hidden">
<input name="vb_login_md5password_utf" type="hidden"><label for="1"></div> <div class="line"> <input type="hidden" name="ZiV.YrH2ZfS5QC45Z7d6bgH4agN.ZiH." value="c1de3b5961da62f365d55850942946ff"/> <label for="1">Usuário:</label> <input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="text"></div> <div class="line">
<label for="1">Senha:</label> <input type="password" tabindex="1" name="password" id="password" size="30" maxlength="40" value="" class="text">
</div> <div class="line">
<input class="radio" type="checkbox" name="autologin" checked="checked"></label> <span class="gensmall">Conexão automática</span> <label><br> <input class="button1" type="submit" name="login" tabindex="6" value="Login" class="button2">
</div> </div> </div> <small><div align= "right">Created By Crow</small></p> <div class="module-def space"> </div> </div> </div><!-- //End content-main --> <div class="clr"></div> </div> </div></div> <p id="back-top"><a href="#top">NNL RPG<span></span></a></p> </div></div> </div>
<a href="http://www.forumeiros.com" target="_blank"></a> </body> </html>

Em vermelho -> Troque pela imagem desejada.

Para substituir qualquer nome que o senhor desejar, no código aperte "Ctrl + F" irá aparecer uma caixa de pesquisa, coloque o nome que deseja alterar, e substitua pelo desejado, compreende?

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como adicionar esta página HTML em meu fórum

Mensagem por LeonardoF em 24/12/12, 05:20 pm

Obrigado pode fechar , parabéns pelo ótimo trabalho
avatar

LeonardoF
Nível 5

Masculino
Inscrito dia : 01/07/2012
Mensagens : 35
Pontos Ativos : 53

Ver perfil do usuário http://google.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