Página html que mexe;

2 participantes

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

Tópico resolvido Página html que mexe;

Mensagem por JRHoly 01/06/12, 05:24 am

Qual é minha questão:
Olá.
Como podem ver neste forum, o fundo da página HTML está mexendo: http://power-habbo.forumeiros.com/

Bem, eu não quero que o fundo do meu forum mexa, mas sim que somente uma imagem mexa e que faça esse mesmo percurso da página HTML que mostrei a vocês.

Gostaria que essa imagem - https://2img.net/r/ihimizer/img19/2607/estrelhas.png - ficasse repetindo e correndo em horizontal na minha página HTML: http://fairytailmiracle.forumeiros.com/

Nota: eu quero que continue meu background, a imagem deverá andar horizontalmente em cima dele.

Medidas que eu tomei para corrigir o problema:
Nenhum

Links e imagens do meu problema:
Nenhum

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

Versão do meu fórum:
PHPBB3
JRHoly

JRHoly
***

Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283

http://l2honorgames.forumais.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Página html que mexe;

Mensagem por UsuarioX 01/06/12, 05:29 am

Ola,

caro usuario , o codigo da pagina inicial , o fundo ja é programado para se mexe .
Caso , aki o menu horizental da pagina html :
Código:

 <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://img13.picoodle.com/i55m/thaynastrey/qsut_da8_ucjwx.png') !important;
    background-repeat: no-repeat;
    }
      </style>
  </head>
  <body>
       
        <div>
                <span class="reference">
                    Fairy Tail Miracle Copyright 2012 | Web Designer <a href="http://fairytailmiracle.forumeiros.com/forum" target="_Blank" alt="Web Designer Zoey">Zoey</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>Leia as regras e comece bem!</span></div>
        <div><span>Fique por dentro de todas as atualizacoes!</span></div>
        <div><span>Saiba todas as magias disponiveis!</span></div>
        <div><span>Faca sua ficha para comecar a jogar!</span></div>
        <div><span>Va na taverna se divertir um pouco!</span></div>
        <div><span>Conheca nossa equipe!</span></div>
        <div><span>Saiba como ser nosso parceiro!</span></div>
      </div>

 
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="http://fairytailmiracle.forumeiros.com/portal">Portal</a></li>
        <li><a href="http://fairytailmiracle.forumeiros.com/forum" title="">Forum</a></li>
        <li><a href="http://fairytailmiracle.forumeiros.com/f1-regras" title="">Regras</a></li>
        <li><a href="http://fairytailmiracle.forumeiros.com/f3-anuncios" title="">Atualizacoes</a></li>
        <li><a href="http://fairytailmiracle.forumeiros.com/f44-magias" title="">Magias</a></li>
        <li><a href="http://fairytailmiracle.forumeiros.com/f5-criacao-de-personagem"">Personagem</a></li>
        <li><a href="http://fairytailmiracle.forumeiros.com/f24-taverna" title="">Taverna</a></li>
<li><a href="http://fairytailmiracle.forumeiros.com/f4-equipe" title="">Equipe Miracle</a></li>
<li><a href="http://fairytailmiracle.forumeiros.com/f27-parceria" title="">Parceria</a></li>

      </ul>

  </body>

Ate mais ! :roll:
UsuarioX

UsuarioX
Membro

Membro desde : 03/01/2012
Mensagens : 713
Pontos : 916

http://www.zonetoony.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página html que mexe;

Mensagem por JRHoly 01/06/12, 05:39 am

Entendo, então não será possivel já que tenho essa função?

Se não for, pode fechar.
JRHoly

JRHoly
***

Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283

http://l2honorgames.forumais.com/forum

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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