Sub pagina

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

Resolvido Sub pagina

Mensagem por Rusty em 04/03/12, 06:10 pm

Qual é minha questão:
Olá eu queria saber como eu faço uma pagina igual a essa para meu forum?
link:http://www.superonzerv.com/

Medidas que eu tomei para corrigir o problema:
Postei

Links e imagens do meu problema:
Postei o site para olharem a imagem

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

Versão do meu fórum:
PHPBB2
avatar

Rusty
Nível 7

Masculino
Inscrito dia : 06/02/2012
Mensagens : 90
Pontos Ativos : 150

Ver perfil do usuário http://pokemonilusion.forumeiros.com
  • 0

Resolvido Re: Sub pagina

Mensagem por Fonsecca em 04/03/12, 06:32 pm

Aguara só o MateusV. te responder, ele é fera, inclusive foi ele que fez o design do forum
avatar

Fonsecca
Nível 8

Masculino
Inscrito dia : 23/02/2012
Mensagens : 141
Pontos Ativos : 166

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

Resolvido Re: Sub pagina

Mensagem por Rusty em 04/03/12, 06:40 pm

Cara não é so ele que é bom neste forum existem muitas pessoas com talentp.

Só poste aky se vc for tirar uma duvida dispense comentarios que nao oferecem nenhum tipo de ajuda, Sem ofenças.
avatar

Rusty
Nível 7

Masculino
Inscrito dia : 06/02/2012
Mensagens : 90
Pontos Ativos : 150

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

Resolvido Re: Sub pagina

Mensagem por Fonsecca em 04/03/12, 06:46 pm

Eu to falando porque foi ele que fez o forum, e outra,
como assim sub pagina?
vc ta dizendo essa pagina como principal?
avatar

Fonsecca
Nível 8

Masculino
Inscrito dia : 23/02/2012
Mensagens : 141
Pontos Ativos : 166

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

Resolvido Re: Sub pagina

Mensagem por Rusty em 04/03/12, 06:49 pm

Naõ. eu queria que quando os usuarios entrassem no forum invèz de ser redimencionado para a pagina principal ser redimensionda para uma pagina criada por mim que tem varias opções.

Tipo como eu postei acima.
avatar

Rusty
Nível 7

Masculino
Inscrito dia : 06/02/2012
Mensagens : 90
Pontos Ativos : 150

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

Resolvido Re: Sub pagina

Mensagem por 'Lucas em 04/03/12, 06:53 pm

Ola,

Por favor Fonsecca se não sabe responder simplesmente não faz Flood no topico. Isso indica que o forum esta sendo respondido pelo outros usuarios.

Não sei muito de codigos mais vamos lá.

Painel de Controle Seta Visualizaçoes Seta Imagens e cores Seta Cores Seta Folha de estilo CSS.

Coloque

Código:
$(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://img6.imageshack.us/img6/7446/outrobg.png') !important;
    background-repeat: no-repeat;
    }
      </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>Uma nova era chegou!</span></div>
        <div><span>Fique por dentro de todas as atualizacoes</span></div>
        <div><span>Saiba como comecar bem no forum!</span></div>
        <div><span>Faca sua ficha para comecar a jogar!</span></div>
        <div><span>Se inscreva nas melhores escolas!</span></div>
      </div>

   
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="http://www.superonzerv.com/portal">Portal</a></li>
        <li><a href="http://www.superonzerv.com/forum" title="">Forum</a></li>
        <li><a href="http://www.superonzerv.com/f129-portal-de-atualizacoes" title="">Atualizacoes</a></li>
        <li><a href="http://www.superonzerv.com/f122-regras-tutoriais" title="">Regras e Tutorias</a></li>
        <li><a href="http://www.superonzerv.com/f130-crie-seu-personagem" title="">Fichas</a></li>

        <li><a href="http://www.superonzerv.com/f143-times-de-futebol" title="">Times de Futebol</a></li>

      </ul>

   </body>
</html>

Cumprimentos, Lucas
avatar

'Lucas
Nível 10

Masculino
Inscrito dia : 03/08/2011
Mensagens : 252
Pontos Ativos : 336

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

Resolvido Re: Sub pagina

Mensagem por Rusty em 04/03/12, 07:08 pm

Queria saber como criar uma pagina igual a deste link:
http://www.superonzerv.com/

Vc clicou em forum e me deu a pagina. tendeu ?
E eu só queria aprender a criar uma pagina como essa para eu criar a minha propria pagina dessa de pokemon.
avatar

Rusty
Nível 7

Masculino
Inscrito dia : 06/02/2012
Mensagens : 90
Pontos Ativos : 150

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

Resolvido Re: Sub pagina

Mensagem por iPrompt em 04/03/12, 07:59 pm

Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão das Paginas HTML

Clica em Criar uma nova Página HTML

Título * : Inicio

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

Usar esta página como página inicial? : Sim

Código HTML * : Ponha o código abaixo e edita ele como quiser depois so salvar

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
   <head>
          <title>Super Onze Revenge X!</title>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://cdn4.iconfinder.com/data/icons/SOPHISTIQUE/education_icons/png/48/recreation.png" />
          <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:10px;
              bottom:10px;
              font-size:14px;
          }
          span.reference a{
   color:#aaa;
   text-decoration:underline;
          }
body {
    background-image: url('http://img6.imageshack.us/img6/7446/outrobg.png') !important;
    background-repeat: no-repeat;
    }
      </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>Uma nova era chegou!</span></div>
        <div><span>Fique por dentro de todas as atualizacoes</span></div>
        <div><span>Saiba como comecar bem no forum!</span></div>
        <div><span>Faca sua ficha para comecar a jogar!</span></div>
        <div><span>Se inscreva nas melhores escolas!</span></div>
      </div>

   
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="http://www.superonzerv.com/portal">Portal</a></li>
        <li><a href="http://www.superonzerv.com/forum" title="">Forum</a></li>
        <li><a href="http://www.superonzerv.com/f129-portal-de-atualizacoes" title="">Atualizacoes</a></li>
        <li><a href="http://www.superonzerv.com/f122-regras-tutoriais" title="">Regras e Tutorias</a></li>
        <li><a href="http://www.superonzerv.com/f130-crie-seu-personagem" title="">Fichas</a></li>

        <li><a href="http://www.superonzerv.com/f143-times-de-futebol" title="">Times de Futebol</a></li>

      </ul>

   </body>
</html>
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/

Resolvido Re: Sub pagina

Mensagem por MateusV. em 04/03/12, 08:00 pm

Olá, não entendi, você deseja o codigo desta pagina em questão ou você quer saber como fazer uma pagina inicial?
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Sub pagina

Mensagem por Rusty em 04/03/12, 08:33 pm

Vou espricar esta pagina que eles criaram cheia de links para redmensionar para o forum e outros diversos lugares.

Eu queria fazer uma pagina dessa só que enves de super onze eu queria fazer de pokemon.

Então postei aqui para pedir se alguem me explica e tenta me ajudar com os codicos.
avatar

Rusty
Nível 7

Masculino
Inscrito dia : 06/02/2012
Mensagens : 90
Pontos Ativos : 150

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

Resolvido Re: Sub pagina

Mensagem por MateusV. em 04/03/12, 08:34 pm

Olá, esta pagina fui eu que criei, então se você deseja edita-la, faça algo simples, aperte o Ctrl+F de seu teclado e procure pelo texto ou link que deseja modificar, aqui esta o codigo
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
          <title>Super Onze Revenge X!</title>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://cdn4.iconfinder.com/data/icons/SOPHISTIQUE/education_icons/png/48/recreation.png" />
          <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:10px;
              bottom:10px;
              font-size:14px;
          }
          span.reference a{
  color:#aaa;
  text-decoration:underline;
          }
body {
    background-image: url('http://img6.imageshack.us/img6/7446/outrobg.png') !important;
    background-repeat: no-repeat;
    }
      </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>Uma nova era chegou!</span></div>
        <div><span>Fique por dentro de todas as atualizacoes</span></div>
        <div><span>Saiba como comecar bem no forum!</span></div>
        <div><span>Faca sua ficha para comecar a jogar!</span></div>
        <div><span>Se inscreva nas melhores escolas!</span></div>
      </div>

 
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="http://www.superonzerv.com/portal">Portal</a></li>
        <li><a href="http://www.superonzerv.com/forum" title="">Forum</a></li>
        <li><a href="http://www.superonzerv.com/f129-portal-de-atualizacoes" title="">Atualizacoes</a></li>
        <li><a href="http://www.superonzerv.com/f122-regras-tutoriais" title="">Regras e Tutorias</a></li>
        <li><a href="http://www.superonzerv.com/f130-crie-seu-personagem" title="">Fichas</a></li>

        <li><a href="http://www.superonzerv.com/f143-times-de-futebol" title="">Times de Futebol</a></li>

      </ul>

  </body>
</html>
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Sub pagina

Mensagem por Rusty em 06/03/12, 10:18 am

È mas onde eu boto isso ?
avatar

Rusty
Nível 7

Masculino
Inscrito dia : 06/02/2012
Mensagens : 90
Pontos Ativos : 150

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

Resolvido Re: Sub pagina

Mensagem por iPrompt em 06/03/12, 11:16 am

Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão das Paginas HTML

Clica em Criar uma nova Página HTML

Título * : Inicio

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

Usar esta página como página inicial? : Sim

Código HTML * : Ponha o código do MateusV.
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/

Resolvido Re: Sub pagina

Mensagem por Rusty em 06/03/12, 12:52 pm

Cara vcs ainda não entemderam. eu não quero uma pagina igual a esta.

Meu forum é de pokemon eu quero fazer uma pagina igual a essa só que de pokemon, eu quero aprender a fazer.

E a pagina que voces fizeram não é nada disso vcs somente copiaram a pagina do forum que eu postei para voces e botaram para redimencionar para o forum errado ainda.
avatar

Rusty
Nível 7

Masculino
Inscrito dia : 06/02/2012
Mensagens : 90
Pontos Ativos : 150

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

Resolvido Re: Sub pagina

Mensagem por Hyouki em 06/03/12, 01:15 pm

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
          <title>Super Onze Revenge X!</title>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://cdn4.iconfinder.com/data/icons/SOPHISTIQUE/education_icons/png/48/recreation.png" />
          <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:10px;
              bottom:10px;
              font-size:14px;
          }
          span.reference a{
  color:#aaa;
  text-decoration:underline;
          }
body {
    background-image: url('http://img6.imageshack.us/img6/7446/outrobg.png') !important;
    background-repeat: no-repeat;
    }
      </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>Uma nova era chegou!</span></div>
        <div><span>Fique por dentro de todas as atualizacoes</span></div>
        <div><span>Saiba como comecar bem no forum!</span></div>
        <div><span>Faca sua ficha para comecar a jogar!</span></div>
        <div><span>Se inscreva nas melhores escolas!</span></div>
      </div>

 
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="http://www.superonzerv.com/portal">Portal</a></li>
        <li><a href="http://www.superonzerv.com/forum" title="">Forum</a></li>
        <li><a href="http://www.superonzerv.com/f129-portal-de-atualizacoes" title="">Atualizacoes</a></li>
        <li><a href="http://www.superonzerv.com/f122-regras-tutoriais" title="">Regras e Tutorias</a></li>
        <li><a href="http://www.superonzerv.com/f130-crie-seu-personagem" title="">Fichas</a></li>

        <li><a href="http://www.superonzerv.com/f143-times-de-futebol" title="">Times de Futebol</a></li>

      </ul>

  </body>
</html>
Bom edite Essa Codigo e Crie uma pagina HTML defina Como INICIAL do forum e PRONTO!
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Sub pagina

Mensagem por MateusV. em 06/03/12, 01:19 pm

Olá, se deseja criar uma pagina como este eu aconselho-te a estudar muito HTML e JQuery, pois foi disto que esta pagina foi feita..
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Sub pagina

Mensagem por Rusty em 07/03/12, 08:08 am

Ta vou tentar editar esta pagina.
Mas faltou voces botarem um negocio que quando ajente bota o mause em cima da palavra aparece uma escrita do lado. olha la no link que eu te dei.

queria pedir se vc pode acrescentar isso no codico.

obrigado.
avatar

Rusty
Nível 7

Masculino
Inscrito dia : 06/02/2012
Mensagens : 90
Pontos Ativos : 150

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