Página inicial personalizada

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

Resolvido Página inicial personalizada

Mensagem por thepisciana em 24/12/12, 07:27 pm

Qual é minha questão:
Olá!
Bom, eu vi um tipo de página inicial diferente e gostaria de fazer isso no meu fórum... É possível? Como?

Imagem:

Grata.

Endereço do meu fórum:
http://skinsparaeditar.forumeiros.com

Versão do fórum:
PHPBB3
avatar

thepisciana
Nível 2

Feminino
Inscrito dia : 10/01/2012
Mensagens : 13
Pontos Ativos : 21

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

Resolvido Re: Página inicial personalizada

Mensagem por BrunoH. em 24/12/12, 07:28 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 PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
          <title>Twilight Best Seller</title>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://www.appleportugal.net/Themes/Faux_Apple/images/sml_apple.gif" />
          <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
    <script type="text/css">
     
<!--////////////////////////////////////////////////////////////////////////////////-->

<!--/                                                                            ///-->

<!--/                                                                              ///-->

<!--/                    Portal Versão 1.0                              ///-->

<!--/                    Criado por Zoey.      ///-->

<!--/                                                                            ///-->

<!--////////////////////////////////////////////////////////////////////////////////-->
      <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-28009881-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

      </script>
     
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
      <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script>

      <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script>
      <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script>
<script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>
      <script type="text/javascript">
        $(function() {
            Cufon.replace('a, span').CSS.ready(function() {
              var $menu      = $("#slidingMenu");
             
              var $selected  = $menu.find('li:first');
             
              var $moving      = $('<li />',{
                  className  : 'move',
                  top        : $selected[0].offsetTop + 'px',
                  width      : $selected[0].offsetWidth + 'px'
              });
             
              $('#slidingMenuDesc > div').each(function(i){
                  var $this = $(this);
                  $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
              });
             
              $menu.bind('mouseleave',function(){
                    moveTo($selected,400);
                    })
                  .append($moving)
                  .find('li')
                  .not('.move')
                  .bind('mouseenter',function(){
                    var $this = $(this);
                    var offsetLeft = $this.offset().left - 20;
                    //slide in the description
                    $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
                    //move the absolute div to this item
                    moveTo($this,400);
                    })
                    .bind('mouseleave',function(){
                    var $this = $(this);
                    var offsetLeft = $this.offset().left - 20;
                    //slide out the description
                    $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
                    });;
             
              function moveTo($elem,speed){
                  $moving.stop(true).animate({
                    top      : $elem[0].offsetTop + 'px',
                    width  : $elem[0].offsetWidth + 'px'
                  }, speed, 'easeOutExpo');
              }
            }) ;
        });
      </script>
      <style>
          span.reference{
              position:fixed;
              left:10px;
              bottom:10px;
              font-size:14px;
          }
          span.reference a{
  color:#aaa;
  text-decoration:underline;
          }
body {
    background-image: url('http://fc08.deviantart.net/fs70/f/2009/363/a/c/Breaking_Dawn_wallpaper_by_Dreams_of_past.jpg') !important;
    background-repeat: repeat;
    }
      </style>
  </head>
  <body>
       
        <div>
                <span class="reference">
                    Rede Best Seller Copyright 2012 | Desenvolvido por <a href="http://fairytaildestiny.forumeiros.com/forum" target="_Blank" alt="Web Designer Zoey">Rose</a>  | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
                </span>
      </div>
     
      <div id="slidingMenuDesc" class="slidingMenuDesc">

            <div><span>Uma nova era chegou!</span></div>
        <div><span>Saiba dos ultimos acontecimentos!</span></div>
        <div><span>Comece sua aventura!</span></div>
        <div><span>Escolha seu destino!</span></div>
        <div><span>Novidades da Saga!</span></div>
        <div><span>Check Us!</span></div>
        <div><span>Follow Us!</span></div>
        <div><span>Like Us!</span></div>
      </div>

 
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="http://crepusculobestseller.forumeiros.com/forum">Forum</a></li>
        <li><a href="http://crepusculobestseller.forumeiros.com/portal" title="">Portal</a></li>
        <li><a href="http://crepusculobestseller.forumeiros.com/register" title="">Registre-se</a></li>
        <li><a href="http://crepusculobestseller.forumeiros.com/login" title="">Login</a></li>
        <li><a href="http://crepusculobestseller.forumeiros.com/f53-trama-cannons">Cannons</a></li>
        <li><a href="http://rpgcrepusculobestseller.blogspot.com.br/">Blog TwiBS</a></li>
        <li><a href="http://avatareassinaturabs.tumblr.com/">Tumblr</a></li>
<li><a href="https://twitter.com/#!/RedeBSofficial" title="">Twitter</a></li>
<li><a href="http://www.facebook.com/RedeBestSeller">Facebook</a></li>

      </ul>

  </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: Página inicial personalizada

Mensagem por thepisciana em 25/12/12, 04:10 pm

Olá.
O código acima ficou perfeito, mas a única coisa que não apareceu foi o link hover, a barrinha azul com algo escrito...

Grata.
avatar

thepisciana
Nível 2

Feminino
Inscrito dia : 10/01/2012
Mensagens : 13
Pontos Ativos : 21

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

Resolvido Re: Página inicial personalizada

Mensagem por BrunoH. em 25/12/12, 04:12 pm

Olá!
Poderia me enviar o link da página HTML que o senhor utilizou para o mesmo? Visitei teu fórum e não encontrei nenhuma página HTML..

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: Página inicial personalizada

Mensagem por thepisciana em 26/12/12, 01:20 am

Oi, BrunoH.!
Pronto. É que esse é meu fórum de teste e quando eu consegui mais ou menos eu passei pro meu normal.

Obrigada.
avatar

thepisciana
Nível 2

Feminino
Inscrito dia : 10/01/2012
Mensagens : 13
Pontos Ativos : 21

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

Resolvido Re: Página inicial personalizada

Mensagem por BrunoH. em 26/12/12, 02:56 pm

Olá!
Substitua o código HTML por este:
Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
          <title>Twilight Best Seller</title>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://www.appleportugal.net/Themes/Faux_Apple/images/sml_apple.gif" />
          <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
    <script type="text/css">
     
<!--////////////////////////////////////////////////////////////////////////////////-->

<!--/                                                                            ///-->

<!--/                                                                              ///-->

<!--/                    Portal Versão 1.0                              ///-->

<!--/                    Criado por Zoey.      ///-->

<!--/                                                                            ///-->

<!--////////////////////////////////////////////////////////////////////////////////-->
      <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-28009881-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

      </script>
     
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
      <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script>

      <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script>
      <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script>
<script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>
      <script type="text/javascript">
        $(function() {
            Cufon.replace('a, span').CSS.ready(function() {
              var $menu      = $("#slidingMenu");
             
              var $selected  = $menu.find('li:first');
             
              var $moving      = $('<li />',{
                  className  : 'move',
                  top        : $selected[0].offsetTop + 'px',
                  width      : $selected[0].offsetWidth + 'px'
              });
             
              $('#slidingMenuDesc > div').each(function(i){
                  var $this = $(this);
                  $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
              });
             
              $menu.bind('mouseleave',function(){
                    moveTo($selected,400);
                    })
                  .append($moving)
                  .find('li')
                  .not('.move')
                  .bind('mouseenter',function(){
                    var $this = $(this);
                    var offsetLeft = $this.offset().left - 20;
                    //slide in the description
                    $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
                    //move the absolute div to this item
                    moveTo($this,400);
                    })
                    .bind('mouseleave',function(){
                    var $this = $(this);
                    var offsetLeft = $this.offset().left - 20;
                    //slide out the description
                    $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
                    });;
             
              function moveTo($elem,speed){
                  $moving.stop(true).animate({
                    top      : $elem[0].offsetTop + 'px',
                    width  : $elem[0].offsetWidth + 'px'
                  }, speed, 'easeOutExpo');
              }
            }) ;
        });
      </script>
      <style>
          span.reference{
              position:fixed;
              left:10px;
              bottom:10px;
              font-size:14px;
          }
          span.reference a{
  color:#aaa;
  text-decoration:underline;
          }
body {
    background-image: url('http://fc08.deviantart.net/fs70/f/2009/363/a/c/Breaking_Dawn_wallpaper_by_Dreams_of_past.jpg') !important;
    background-repeat: repeat;
    }
      </style>
  </head>
  <body>
       
        <div>
                <span class="reference">
                    Rede Best Seller Copyright 2012 | Desenvolvido por <a href="http://fairytaildestiny.forumeiros.com/forum" target="_Blank" alt="Web Designer Zoey">Rose</a>  | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
                </span>
      </div>
     
      <div id="slidingMenuDesc" class="slidingMenuDesc">

            <div><span>Uma nova era chegou!</span></div>
        <div><span>Saiba dos ultimos acontecimentos!</span></div>
        <div><span>Comece sua aventura!</span></div>
        <div><span>Escolha seu destino!</span></div>
        <div><span>Novidades da Saga!</span></div>
        <div><span>Check Us!</span></div>
        <div><span>Follow Us!</span></div>
        <div><span>Like Us!</span></div>
      </div>

 
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="http://crepusculobestseller.forumeiros.com/forum">Forum</a></li>
        <li><a href="http://crepusculobestseller.forumeiros.com/portal" title="">Portal</a></li>
        <li><a href="http://crepusculobestseller.forumeiros.com/register" title="">Registre-se</a></li>
        <li><a href="http://crepusculobestseller.forumeiros.com/login" title="">Login</a></li>
        <li><a href="http://crepusculobestseller.forumeiros.com/f53-trama-cannons">Cannons</a></li>
        <li><a href="http://rpgcrepusculobestseller.blogspot.com.br/">Blog TwiBS</a></li>
        <li><a href="http://avatareassinaturabs.tumblr.com/">Tumblr</a></li>
<li><a href="https://twitter.com/#!/RedeBSofficial" title="">Twitter</a></li>
<li><a href="http://www.facebook.com/RedeBestSeller">Facebook</a></li>

      </ul>

  </body>
</html>
Aqui funcionou normalmente desta vez, veja: http://testebydrhouse.forumeiros.com/h2-

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: Página inicial personalizada

Mensagem por Venancio Mattos em 26/12/12, 02:58 pm

Ola Senhor Tudo Bom

Bom Vamos aou Tutorial!!!

Painel de Controle>> Módulos>>HTML & JAVASCRIPT>>Gestão das páginas HTML

Bom Crie Uma Nova HTML & JAVASCRIPT




Ai vc Coloca o Titulo

1 Coloca Não Por que se (Não) ele Vai Fica no Menu Principal do Seu Fórum Então Vc Coloca Não

2 Aqui vc Coloca (Sim) Para ele Fica Como Inicio Do Seu Fórum !!!

3 Coloque esse Code Embaixo e Confirma


Código:
<!DOCTYPE html>

    <html><head> <title>Replica Games</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;
    }
/* Hover Mouse By: Dr.House */
body {
cursor: url('http://img97.imageshack.us/img97/9688/cur5582.png'), url('http://img97.imageshack.us/img97/9688/cur5582.png'), auto;
}
a:hover {
cursor: url('http://img835.imageshack.us/img835/224/cur558.png'), url('http://img835.imageshack.us/img835/224/cur558.png'), auto;
}
    </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>Replica Games</b> </div> <div class="module-body"> <div class="bd"> <div class="column11 first"> <a href="/forum"><b>Seja Bem-Vindo(a) ao Replica Games!</b></a><div class="page-intro"><br>Replica Games um Fórum de ajudas Games Online e Offline!!!</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://i12.servimg.com/u/f12/17/94/12/98/22311.png" border="0" alt="Replica Games" /></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 Venancio Mattos</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">Replica Games<span></span></a></p> </div></div> </div>
  </body> </html>
     
        <div>
              </div> </div> </div><div class="module-def space"> </div> </div> </div><!-- //End content-main --> <div class="clr"></div> </div> </div></div><center><b>Parceria : <a href=http://www.xexgames.net/>XeXGames</a></b></center> <p id="back-top"><a href="#top">konekta Brasil<span></span></a></p> </div></div> </div>
                    <a href="http://www.forumeiros.com" target="_blank"></a>
              </body> </html>
     
        <div>
                <span class="reference">
                    BrasilStyleForever |Parceria <a href="http://www.xexgames.net/" target="_Blank" alt="Web Designer iPocker, Bruno">Replica Games</a>  | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
                </span>
                <a href="http://www.forumeiros.com" target="_blank"></a>        </body> </html>

Obrigado e Felis Natal!!! e Um Felis Ano Novo
avatar

Venancio Mattos
Usuário avançado

Masculino
Inscrito dia : 10/12/2012
Mensagens : 301
Pontos Ativos : 388

Ver perfil do usuário http://replicagames.net.ms

Resolvido Re: Página inicial personalizada

Mensagem por thepisciana em 26/12/12, 04:10 pm

Olá!
BrunoH., novamente não deu certo, mas obrigada, desisti de fazer esse estilo. Mas mesmo assim obrigada por gastar seu tempo comigo!
Mas o sr. poderia me ajudar com esse problema? >> http://ajuda.forumeiros.com/t72234-problema-no-chatbox

Grata.
avatar

thepisciana
Nível 2

Feminino
Inscrito dia : 10/01/2012
Mensagens : 13
Pontos Ativos : 21

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