Código não funciona na página inicial.

Detalhes da questão

Endereço do fórum: pivot5.forumeiros.com
Versão do fórum: PunBB

Descrição

Este é o código:

Código:

<link type="text/css" href="http://bxslider.com/lib/jquery.bxslider.css" rel="stylesheet" /><link type="text/css" href="http://bxslider.com/css/github.css" rel="stylesheet" /><script src="http://bxslider.com/js/jquery.min.js"></script><script src="http://bxslider.com/lib/jquery.bxslider.js"></script><script src="http://bxslider.com/js/rainbow.min.js"></script><script src="http://bxslider.com/js/scripts.js"></script><script type="text/javascript">
    $(document).ready(function() {
        $('.slider8').bxSlider({
            mode: 'vertical',
            slideWidth: 300,
            minSlides: 2,
            slideMargin: 10
        });
    });
</script>
<div class="slider8">
      
   <div class="slide">
      <img src="http://placehold.it/300x100&text=FooBar1" />
   </div>
      
   <div class="slide">
      <img src="http://placehold.it/300x100&text=FooBar2" />
   </div>
      
   <div class="slide">
      <img src="http://placehold.it/300x100&text=FooBar3" />
   </div>
      
   <div class="slide">
      <img src="http://placehold.it/300x100&text=FooBar4" />
   </div>
      
   <div class="slide">
      <img src="http://placehold.it/300x100&text=FooBar5" />
   </div>
      
   <div class="slide">
      <img src="http://placehold.it/300x100&text=FooBar6" />
   </div>
      
   <div class="slide">
      <img src="http://placehold.it/300x100&text=FooBar7" />
   </div>
      
   <div class="slide">
      <img src="http://placehold.it/300x100&text=FooBar8" />
   </div>
      
   <div class="slide">
      <img src="http://placehold.it/300x100&text=FooBar9" />
   </div>
      
   <div class="slide">
      <img src="http://placehold.it/300x100&text=FooBar10" />
   </div>
</div>

Este código funcionou muito bem na criação de páginas html, mas não funcionou na página inicial do fórum.

Não funcionou:
http://teste152163.forumeiros.com/

E aqui funcionou perfeitamente:
http://teste152163.forumeiros.com/h2-pagina-teste

Há alguma incompatibilidade?

@Lemon~ , boa tarde!
Eu não sei o porque que códigos ajax não surgem efeito na página inicial e/ou em widgets.

Mantenha o código acima, apenas removendo este ->

Código:


código:
<link type="text/css" href="http://bxslider.com/lib/jquery.bxslider.css" rel="stylesheet" /><link type="text/css" href="http://bxslider.com/css/github.css" rel="stylesheet" /><script src="http://bxslider.com/js/jquery.min.js"></script><script src="http://bxslider.com/lib/jquery.bxslider.js"></script><script src="http://bxslider.com/js/rainbow.min.js"></script><script src="http://bxslider.com/js/scripts.js"></script><script type="text/javascript">
    $(document).ready(function() {
        $('.slider8').bxSlider({
            mode: 'vertical',
            slideWidth: 300,
            minSlides: 2,
            slideMargin: 10
        });
    });
</script>


Feito isto, adicione o código removido em Painel de controle > Visualização > Templates > Geral -> overall_header
Procure por </head> e adicione acima desta baliza.

ex: 

Código:


CÓDIGOS E CÓDIGOS ACIMA...
<link type="text/css" href="http://bxslider.com/lib/jquery.bxslider.css" rel="stylesheet" /><link type="text/css" href="http://bxslider.com/css/github.css" rel="stylesheet" /><script src="http://bxslider.com/js/jquery.min.js"></script><script src="http://bxslider.com/lib/jquery.bxslider.js"></script><script src="http://bxslider.com/js/rainbow.min.js"></script><script src="http://bxslider.com/js/scripts.js"></script><script type="text/javascript">
    $(document).ready(function() {
        $('.slider8').bxSlider({
            mode: 'vertical',
            slideWidth: 300,
            minSlides: 2,
            slideMargin: 10
        });
    });
</script>
</HEAD>


Lembre-se de salvar e publicar o template.

Resulta?

Sim, obrigado!