Mudar cor das categoriais

Relembrando a primeira mensagem :


Nome do Arquivo: Mudar cor das categoriais
Autor: Premotheus
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins

Olá amigos.
Como o título mesmo diz, "Mudar cor das categoriais"

Utilizaremos, para tal função, um javascript.

AdminCp >> Módulos >> HTML & JAVASCRIPT >> Gestão dos códigos JavaScript >> + Criar um novo JavaScript

Configure-o deste modo:

Título: Coloque um título.
Investimento: Marque Em todas as páginas
Código JavaScript:


[poll]

Código:


jQuery(function () {
  jQuery("#pun-head").prepend('<img src="http://i74.servimg.com/u/f74/17/49/01/62/themee10.png" alt="Change background image" title="Trocar a imagem de fundo" id="nav_background" />');
  jQuery("#emptyidleft").prepend('<div id="toggle_background" style="display: none;"><div id="editorPrimary" class="themeBoxes" style="display: block"><span id="bg1" style="background-color: #b22b2b;" data-main="b22b2b">Vermelho</span><span id="bg2" style="background-color: #cea128;" data-main="#cea128">Banana</span><span id="bg3" style="background-color: #353F3F;" data-main="#353F3F">Escurecido</span><span id="bg4" style="background-image: -webkit-linear-gradient(#e7e7e7,#E2E2E2) !important;background-image: -moz-linear-gradient(#e7e7e7,#E2E2E2) !important;background-image: -khtml-linear-gradient(#e7e7e7,#E2E2E2) !important;background-image: -o-linear-gradient(#e7e7e7,#E2E2E2) !important;background-image: -ms-linear-gradient(#e7e7e7,#E2E2E2) !important;color:#727272 !important;" data-main="#e7e7e7,#E2E2E2">Normal</span></div></div>');
  jQuery("#editorPrimary span").click(function () {
      jQuery(".main-head").removeClass("bg1 bg2 bg3 bg4 bg_custom").addClass(jQuery(this).attr("id"));
      my_setcookie("editorPrimary", jQuery(this).attr("id"), true);
  });

  jQuery("#custom_submit").click(function () {
      var urlbg = jQuery("#custom_input").val();
      jQuery(".main-head").removeClass("bg1 bg2 bg3 bg4 bg_custom").addClass("bg_custom").css("background-image", "url('" + urlbg + "')");
      my_setcookie("editorPrimary", urlbg, true);
  });

  jQuery("#nav_background").click(function () {
      jQuery("#toggle_background").slideToggle()
  });

  if (my_getcookie("editorPrimary") != "") {
      if (my_getcookie("editorPrimary").length > 4) {
        jQuery(".main-head").addClass("bg_custom").css("background-image", "url(" + my_getcookie("editorPrimary") + ")");
      } else {
        jQuery(".main-head").addClass(my_getcookie("editorPrimary"))
      }
  }
});


[/poll]

Agora Salve.

Após isso, será necessário apenas um CSS para que possa funcionar.

AdminCP >> Visualização >> Imagens e Cores >> Cores >> Aba "Folha de estilo CSS"

Adicione isto no início:



Valide.

Pronto.
Agora basta visualizar o teu fórum e ver se funcionou!

Comente e curta pra visualizar!

---

Qualquer dúvida em relação a este tutorial, crie um tópico com o mesmo título.

Saudações, partiu testa-lo. [poll][/poll][poll][/poll]

Venho notificar que adicionei uma imagem.

[sucesso="testando o codigo"]xx[/sucesso]

Muito bom

Bem interessante a personalização

Ótimo código, parabéns.

Muito bom

comentando para ver o conteúdo

Dahora