Mudar cor das categoriais

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.

Venho notificar que adicionei uma imagem. '

Muito bom Tutorial mas poderia fazer me passar o código que a cor BANANA seja AZUL

-Pedrinho

Sim é possível, entre em contato comigo por MP, assim farei o code pro sr. !

[sucesso=Tutorial aceito][/sucesso]Movido para: Dicas e Tutoriais

Saudações!

Seu tutorial está em todas as normas do fórum, e por isso foi aceito!

Até mais.

Tipo, os usuários podem mudar quando quiser?

Latysh escreveu:Tipo, os usuários podem mudar quando quiser?

Sim amigo, isso seria como um selector de cores. Entende ?

Até mais.

gostei
#rep

Poxa bacana isso ai, gostei bastante

Aonde aparece o seletor de cores para que os membros possam alterar?

No topo do fórum. Talvez bug nas versões Invision e Phpbb3.

Legal, talvez eu use

Vou testar kkk amis parece ser bom

Ola: Saudações
Fis os test Mais Fiquei sem Resultados
no meu fórum nao sei o motivo mais o code nao
ativou em meu fórum

[alerta="Sem Resultados"][/alerta]

nice topic bro keep up the good work

nice topic bro keep it up bro

Obrigado mas a mim não funcionou

Cometando para visualizar.

ficou muito bom parabéns pelo trabalho!

parece legal a ideia vou testar obrigado

Amigo a Folha CSS não esta aparecendo...

vou baixar e testar vlw...