Índice do fórum  Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Índice do fórum

4 participantes

Ir para baixo

Tópico resolvido Índice do fórum

Mensagem por MagicQueen 11.06.12 21:42

Qual é minha questão:
Gostaria de deixar o índice do meu fórum mais belo e personalizado, gostaria de deixar como o índice do fórum abaixo, poderiam me dizer como eu estaria fazendo isso?

http://bleachxtreme.ativoforum.com/

Links e imagens do meu problema:
Não é necessário.

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

Versão do meu fórum:
Não sei
MagicQueen
MagicQueen
Novo Membro

Membro desde : 08/06/2012
Mensagens : 14
Pontos : 22

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Índice do fórum

Mensagem por StyLe® 11.06.12 21:49

Aqui estar amigo
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
      <head>
              <title>Bleach X-treme - Welcome</title>
              <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="shortcut icon" type="image/x-icon" href="http://i411.photobucket.com/albums/pp191/gunkbabi/favicon4.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 MateusV.      ///-->

    <!--/                                                                            ///-->

    <!--////////////////////////////////////////////////////////////////////////////////-->
          <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:15px;
                  bottom:15px;
                  font-size:11px;
              }
              span.reference a{
      color:#aaa;
      text-decoration:underline;
              }
    body {
        background-image: url('http://img513.imageshack.us/img513/7022/layqx.gif') !important;
        background-repeat: no-repeat;
        }
          </style>
      </head>
      <body>
         
            <div>
                    <span class="reference">
                        Pump Design Copyright 2012 | <a href="http://www.ggames.com.br" | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.| SORV.</a>
                    </span>
          </div>
       
          <div id="slidingMenuDesc" class="slidingMenuDesc">

                    <div><span>Descubra as novidades do Bleach X-Treme</span></div>
            <div><span>Divirta-se no nosso forum!</span></div>
            <div><span>Aprenda os basicos do RPG</span></div>
            <div><span>Faca sua ficha para comecar a jogar!</span></div>
            <div><span>Veja as tecnicas que podera aprender!</span></div>
          <div><span>Crie a sua habilidade e destrua quem lhe fizer frente!</span></div>
</div>

   
          <ul id="slidingMenu" class="slidingMenu">
                <li><a href="http://bleachxtreme.ativoforum.com">X-Treme</a></li>
            <li><a href="http://bleachxtreme.ativoforum.com/portal" title="">Portal</a></li>
            <li><a href="http://bleachxtreme.ativoforum.com/forum" title="">Forum</a></li>
            <li><a href="http://bleachxtreme.ativoforum.com/f1-regras" title="">Regras</a></li>
            <li><a href="http://bleachxtreme.ativoforum.com/f4-fichas-de-personagens" title="">Fichas</a></li>
            <li><a href="http://bleachxtreme.ativoforum.com/f18-listas-de-tecnicas" title="">Tecnicas</a></li>
            <li><a href="http://bleachxtreme.ativoforum.com/f60-criacao" title="">Armas</a></li>

          </ul>

      </body>
    </html>
avatar
StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Tópico resolvido Re: Índice do fórum

Mensagem por Zack Kays' 11.06.12 21:49

Você está falando da página inicial?

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

Crie uma nova página Html :
Título : (coloque qualquer título)

Você deseja utilizar o início e o final da página do seu fórum ?: (Marque Não)

Usar esta página como página inicial?: (Marque Sim)

Cole o seguinte código abaixo:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
      <head>
              <title>Bleach X-treme - Welcome</title>
              <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="shortcut icon" type="image/x-icon" href="http://i411.photobucket.com/albums/pp191/gunkbabi/favicon4.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 MateusV.      ///-->

    <!--/                                                                            ///-->

    <!--////////////////////////////////////////////////////////////////////////////////-->
          <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:15px;
                  bottom:15px;
                  font-size:11px;
              }
              span.reference a{
      color:#aaa;
      text-decoration:underline;
              }
    body {
        background-image: url('http://img513.imageshack.us/img513/7022/layqx.gif') !important;
        background-repeat: no-repeat;
        }
          </style>
      </head>
      <body>
         
            <div>
                    <span class="reference">
                        Pump Design Copyright 2012 | <a href="http://www.ggames.com.br" | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.| SORV.</a>
                    </span>
          </div>
       
          <div id="slidingMenuDesc" class="slidingMenuDesc">

                    <div><span>Descubra as novidades do Bleach X-Treme</span></div>
            <div><span>Divirta-se no nosso forum!</span></div>
            <div><span>Aprenda os basicos do RPG</span></div>
            <div><span>Faca sua ficha para comecar a jogar!</span></div>
            <div><span>Veja as tecnicas que podera aprender!</span></div>
          <div><span>Crie a sua habilidade e destrua quem lhe fizer frente!</span></div>
</div>

   
          <ul id="slidingMenu" class="slidingMenu">
                <li><a href="http://bleachxtreme.ativoforum.com">X-Treme</a></li>
            <li><a href="http://bleachxtreme.ativoforum.com/portal" title="">Portal</a></li>
            <li><a href="http://bleachxtreme.ativoforum.com/forum" title="">Forum</a></li>
            <li><a href="http://bleachxtreme.ativoforum.com/f1-regras" title="">Regras</a></li>
            <li><a href="http://bleachxtreme.ativoforum.com/f4-fichas-de-personagens" title="">Fichas</a></li>
            <li><a href="http://bleachxtreme.ativoforum.com/f18-listas-de-tecnicas" title="">Tecnicas</a></li>
            <li><a href="http://bleachxtreme.ativoforum.com/f60-criacao" title="">Armas</a></li>

          </ul>

      </body>
    </html>

Salve e Pronto.

Atenciosamente.
Zack Kays'
Zack Kays'
***

Membro desde : 09/06/2012
Mensagens : 103
Pontos : 124

http://superonzerpg.forumbrasil.net/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Índice do fórum

Mensagem por Sheamus 11.06.12 21:58

Olá,

É por meio deste código:

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
      <head>
          <title>Digimon Legend X</title>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
          <link rel="stylesheet" href="http://espions.webs.com/style.css" type="text/css" media="screen">
         
    <!--////////////////////////////////////////////////////////////////////////////////-->

    <!--/                                                                            ///-->

    <!--/                                                                              ///-->

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

    <!--/                    Editado por Light Wolf.      ///-->

    <!--/                                                                            ///-->

    <!--////////////////////////////////////////////////////////////////////////////////-->
          <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;
              }
          </style>
      </head>
  <body>
       
        <div>
                <span class="reference">
                    Pump Design Copyright 2012 | Desenvolvido por <a href="http://www.ggames.com.br" target="_Blank" alt="Web Designer MateusV.">MateusV.</a>  | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
                </span>
      </div>
     
      <div id="slidingMenuDesc" class="slidingMenuDesc">

            <div><span>Entre na nossa pagina principal</span></div>
        <div><span>Converse com outros membros</span></div>
        <div><span>Login no fórum</span></div>
        <div><span>Cadastre-se no DLX 2.0 e divirta-se</span></div>
      </div>

 
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="http://digimonx.forumbrasil.net/portal">Portal</a></li>
        <li><a href="http://digimonx.forumbrasil.net/forum" title="">Forum</a></li>
        <li><a href="http://digimonx.forumbrasil.net/chatbox/index.forum" title="">Chatbox</a></li>
        <li><a href="http://digimonx.forumbrasil.net/login" title="">Login</a></li>
        <li><a href="http://digimonx.forumbrasil.net/register" title="">Registre-se</a></li>
      </div>

      </ul>

  </body>
</html>

IMPORTANTE: Lembre-se, antes de aplicar o codigo acima tenha certeza que o editou perfeitamente, para que ele seja redirecionado para seu fórum! E não para outro fórum.

Bem editado o código acima perfeitamente, aceda a:

Painel de Controle :seta2: Módulos :seta2: HTML e JavaScript :seta2: gestão dos Codigos javaScript

Clique em "Criar uma Nova pagina JavaScript"

Título * : -O que você quiser-
Você deseja utilizar o início e o final da página do seu fórum ? -Marque não-
Usar esta página como página inicial? -Marque Sim-
Código HTML * : -Coloque o código editado aqui-

depois disto entre neste link e veja se funcionou(teste tudo):
http://vegetaisguild.forumeiros.com/

Até mais.

♦A dúvida persiste? Informe-nos
Sheamus
Sheamus
****

Membro desde : 04/01/2012
Mensagens : 216
Pontos : 268

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos