Qual é minha questão:
Boa noite~!

Vi um efeito interessante em um fórum, e queria saber se é possível aplicá-lo no meu fórum.
http://rpgadventure.umforum.net/forum

Esse efeito de uma imagem 'deslizando' pela horizontal, por trás de "RPG Adventure"

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

Versão do fórum:
PHPBB3

Olá,

Adicione isso ao seu CSS:

Código:

#logo-desc {
    background: url(http://i.imgur.com/wj4zsDz.png) repeat center;
}

Mude o https://i.imgur.com/wj4zsDz.png para a imagem desejada.

E adicione isso a um novo módulo Javascript:

Código:

$(function() {
    var counter, logo;
    counter = 0;
    logo = $('#logo-desc');
    setInterval(function() {
        logo.css('background-position-x', counter);
        counter -= 1;
    }, 16);
});

Aumente o 16 para desacelerar a rotação.

Não se esqueça de inserir um logo menor, para que o rotativo fique visível.

Abraços.

Obrigado, mas a imagem não está rodando...

Print do JavaScript:

Olá,

Entrei em seu fórum e a imagem esta rodando normalmente atras do logo

Até

Hmm... Estranho...

Pelo menos comigo, não está funcionando no Mozilla Firefox.

Esse código só é funcional em alguns navegadores?

Edit: Também funciona no Internet Explorer.

Então, eu verifiquei e descobri o erro: Parece que o Firefox é o único navegador da atualidade que não reconhece o CSS de posicionamento horizontal da imagem de fundo dos elementos.

Fiz as alterações para funcionar:

Código:

$(function() {
    var counter, logo;
    counter = 0;
    logo = $('#logo-desc');
    setInterval(function() {
        logo.css('background-position', counter + 'px 0');
        counter -= 1;
    }, 16);
});

Spoiler: