Background - desativando html

Qual é minha questão:
Olá, eu segui este tutorial.

 https://ajuda.forumeiros.com/t71210-tutorial-background-diferente-para-cada-membro

Bom, alterei algumas partes do código, para o efeito acontecer apenas nos fundo das categorias, widget's etc. Mais houve um problema.

Quando eu coloco este código, ele desabilita todas as minhas páginas HTML, mais os meus códigos JavaScript's continuam normal...

Aqui está o código que eu alterei.

Código:

var CopyrightNotice = "Background seletor para Foruns Forumeiros, criado por 3goOne. Todos os direitos reservados.";    $(function () {        $("#pun-intro, .headerbar, div#logostrip, .bodylinewidth").prepend('<img src="http://i.imgur.com/b1MEp.png" alt="Alterar imagem de fundo" title="Alterar imagem de fundo" id="nav_background" />');        $("#content, div#page-body").prepend('<div id="toggle_background" style="display: none;"><div id="custom_background"><span id="bg1"></span><span id="bg6"></span><span id="bg5"></span><span id="bg2"></span><span id="bg3"></span><span id="bg4"></span><div id="custom_url"><input type="text" placeholder=" Selecione o fundo que deseja ou coloque aqui uma url personalizada." id="custom_input"><strong id="custom_submit">Alterar</strong></div></div></div>');        $("#custom_background span").click(function () {            $(".main-head").removeClass("bg1 bg2 bg3 bg4 bg5 bg6 bg_custom").addClass($(this).attr("id"));            my_setcookie("custom_background", $(this).attr("id"), true)        });        $("#custom_submit").click(function () {            var b = $("#custom_input").val();            $(".main-head").removeClass("bg1 bg2 bg3 bg4 bg5 bg6 bg_custom").addClass("bg_custom").css("background-image", "url('" + b + "')");            my_setcookie("custom_background", b, true)        });        $("#nav_background").click(function () {            $("#toggle_background").slideToggle()        });        if (my_getcookie("custom_background") != "") {            if (my_getcookie("custom_background").length > 4) {                $(".main-head").addClass("bg_custom").css("background-image", "url(" + my_getcookie("custom_background") + ")")            } else {                $(".main-head").addClass(my_getcookie("custom_background"))            }        }    });

O pior disso, que desativa todos os meus formulários de postagens. E eu uso mais de 10 formulários...

OBS: Minha versão é punBB, este formulário esta meio estranho...

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

Versão do fórum:
PHPBB3

Olá senhor!

Substitua o código atual, por este:

Código:

$(function () {
  $("body").prepend('<img src="http://i31.servimg.com/u/f31/17/41/76/40/nav_ba10.png" alt="Change background image" title="Trocar a imagem de fundo" id="nav_background" />');
  $("body").prepend('<div id="toggle_background" style="display: none;"><div id="custom_background"><span id="bg1"></span><span id="bg6"></span><span id="bg5"></span><span id="bg2"></span><span id="bg3"></span><span id="bg4"></span><div id="custom_url"><input type="text" placeholder=" Endereço de outra imagem" id="custom_input"><strong id="custom_submit">Aplicar</strong></div></div></div>');
  $("#custom_background span").click(function () {
      $("body").removeClass("bg1 bg2 bg3 bg4 bg5 bg6 bg_custom").addClass($(this).attr("id"));
      my_setcookie("custom_background", $(this).attr("id"), true);
  });
  $("#custom_submit").click(function () {
      var urlbg = $("#custom_input").val();
      $("body").removeClass("bg1 bg2 bg3 bg4 bg5 bg6 bg_custom").addClass("bg_custom").css("background-image", "url('" + urlbg + "')");
      my_setcookie("custom_background", urlbg, true);
  });
  $("#nav_background").click(function () {
      $("#toggle_background").slideToggle()
  });
  if (my_getcookie("custom_background") != "") {
      if (my_getcookie("custom_background").length > 4) {
        $("body").addClass("bg_custom").css("background-image", "url(" + my_getcookie("custom_background") + ")");
      } else {
        $("body").addClass(my_getcookie("custom_background"))
      }
  }
});

As suas alterações são inválidas e contém erros.

Um grande abraço!

Olá, não tem nada a ver com o que eu falei.

Eu adaptei ele para visualizar apenas nas categorias, e sim, o código está normal. Só quero saber porque ele desabilita as minhas páginas HTML.

Você fez um novo botão, sendo que já tenho um pelo meu template, e alterou ele ver fazer o efeito no fundo, sendo que quero alterar somente os fundos dos widgets e categorias.

Pode fechar. Ainda não entendo porque fazem tutorial e não dão suporte. :S

Você testou o código do Tutorial, também ta dando esse erro ?

Já falei pra fechar, para de flood.

Olá,

Creio que esta parte do código esteja excluindo suas páginas HTML

Código:

.removeClass("bg1 bg2 bg3 bg4 bg5 bg6

Até

Sinceramente, eu já pedi pra fechar 2x... E não isso não remove minhas páginas, e sim remove o fundo alterado anteriormente.