Mudar cor das categoriais Qui 3 Out 2013 - 14:21
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]
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.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
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"))
}
}
});
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.