Editar com as Abas divididas

Ryuuga Katoretto

sou nível 8

Mensagens : 107 Reputação : 0
Inscrição : 12/12/2012 Localização : Guarabira
Cash : 172

Brasil

1 Editar com as Abas divididas
Ter 18 Dez 2012, 6:39 am

Qual é minha questão:
pessoal , eu queria retirar dqui apenas a categoria golpes . por favor .

Tá aki a geral :

Código:: <center><div style="padding:3px;margin-top:8px;margin-bottom:8px;"><span id="geral" style="padding:6px;border:2px solid white">GERAL</span> <span id="locais" style="margin-left:5px;padding:6px;border:2px solid white">LOCAIS</span> <span id="diversos" style="margin-left:5px;padding:6px;border:2px solid white">DIVERSOS</span> <span id="golpes" style="margin-left:5px;padding:6px;border:2px solid white">GOLPES</span> <span id="areaoff" style="margin-left:5px;padding:6px;border:2px solid white">ÁREA OFF</span></div></center> <script> jQuery(document).ready(function(){ jQuery( ".main-head:eq(0), .main-content:eq(0)").show(); jQuery(".main-head:eq(1), .main-content:eq(1)").hide(); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(); jQuery(".main-head:eq(4), .main-content:eq(4)").hide(); }); </script> <script> jQuery(document).ready(function(){ jQuery("#geral").click(function(){ jQuery(".main-head:eq(1), .main-content:eq(1)").hide(500); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(500); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(500); jQuery(".main-head:eq(4), .main-content:eq(4)").hide(500); jQuery( ".main-head:eq(0), .main-content:eq(0)").show(1000); }); jQuery("#locais").click(function(){ jQuery(".main-head:eq(0), .main-content:eq(0)").hide(500); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(500); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(500); jQuery(".main-head:eq(4), .main-content:eq(4)").hide(500); jQuery(" .main-head:eq(1), .main-content:eq(1)").show(1000); }); jQuery("#diversos").click(function(){ jQuery(".main-head:eq(0), .main-content:eq(0)").hide(500); jQuery(".main-head:eq(1), .main-content:eq(1)").hide(500); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(500); jQuery(".main-head:eq(4), .main-content:eq(4)").hide(500); jQuery( ".main-head:eq(2), .main-content:eq(2)").show(1000); }); jQuery("#golpes").click(function(){ jQuery(".main-head:eq(0), .main-content:eq(0)").hide(500); jQuery(".main-head:eq(1), .main-content:eq(1)").hide(500); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(500); jQuery(".main-head:eq(4), .main-content:eq(4)").hide(500); jQuery( ".main-head:eq(3), .main-content:eq(3)").show(1000); }); jQuery("#areaoff").click(function(){ jQuery(".main-head:eq(0), .main-content:eq(0)").hide(500); jQuery(".main-head:eq(1), .main-content:eq(1)").hide(500); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(500); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(500); jQuery( ".main-head:eq(4), .main-content:eq(4)").show(1000); }); }); </script> <style> #geral, #locais, #diversos, #golpes, #areaoff{ color:white; font-weight:bold; cursor:pointer; border-radius:4px; } #geral:hover, #locais:hover, #diversos:hover, #golpes:hover, #areaoff:hover{ background-color:#BD3333; } </style>

Imagem do meu problema:

Endereço do meu fórum:
[url=deathnote-therpg.forumeiros.com]deathnote-therpg.forumeiros.com[/url]

Versão do meu fórum:
PUNBB

Ryuuga Katoretto

sou nível 8

Mensagens : 107 Reputação : 0
Inscrição : 12/12/2012 Localização : Guarabira
Cash : 172

Brasil

2 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 2:15 pm

POR favor respondam , preciso de uma resposta para poder abrir meu fórum !

HenRyqUéè

Administrador
Desenvolvedor Web

Mensagens : 1520 Reputação : 429
Inscrição : 23/08/2012 Localização : Brasil
Masculino

Cash : 29

3 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 2:18 pm

Amigo, por favor não fassa mas double-posts ou ups antes de 24 hrs ou serrá punido! Troque o code por este:

Código:: <center><div style="padding:3px;margin-top:8px;margin-bottom:8px;"><span id="geral" style="padding:6px;border:2px solid white">GERAL</span> <span id="locais" style="margin-left:5px;padding:6px;border:2px solid white">LOCAIS</span> <span id="diversos" style="margin-left:5px;padding:6px;border:2px solid white">DIVERSOS</span> <span id="areaoff" style="margin-left:5px;padding:6px;border:2px solid white">ÁREA OFF</span></div></center> <script> jQuery(document).ready(function(){ jQuery( ".main-head:eq(0), .main-content:eq(0)").show(); jQuery(".main-head:eq(1), .main-content:eq(1)").hide(); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(); jQuery(".main-head:eq(4), .main-content:eq(4)").hide(); }); </script> <script> jQuery(document).ready(function(){ jQuery("#geral").click(function(){ jQuery(".main-head:eq(1), .main-content:eq(1)").hide(500); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(500); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(500); jQuery(".main-head:eq(4), .main-content:eq(4)").hide(500); jQuery( ".main-head:eq(0), .main-content:eq(0)").show(1000); }); jQuery("#locais").click(function(){ jQuery(".main-head:eq(0), .main-content:eq(0)").hide(500); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(500); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(500); jQuery(".main-head:eq(4), .main-content:eq(4)").hide(500); jQuery(" .main-head:eq(1), .main-content:eq(1)").show(1000); }); jQuery("#diversos").click(function(){ jQuery(".main-head:eq(0), .main-content:eq(0)").hide(500); jQuery(".main-head:eq(1), .main-content:eq(1)").hide(500); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(500); jQuery(".main-head:eq(4), .main-content:eq(4)").hide(500); jQuery( ".main-head:eq(2), .main-content:eq(2)").show(1000); }); jQuery("#areaoff").click(function(){ jQuery(".main-head:eq(0), .main-content:eq(0)").hide(500); jQuery(".main-head:eq(1), .main-content:eq(1)").hide(500); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(500); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(500); jQuery( ".main-head:eq(4), .main-content:eq(4)").show(1000); }); }); </script> <style> #geral, #locais, #diversos, , #areaoff{ color:white; font-weight:bold; cursor:pointer; border-radius:4px; } #geral:hover, #locais:hover, #diversos:hover, , #areaoff:hover{ background-color:#BD3333; } </style>

Ryuuga Katoretto

sou nível 8

Mensagens : 107 Reputação : 0
Inscrição : 12/12/2012 Localização : Guarabira
Cash : 172

Brasil

4 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 2:21 pm

Cara aconteceu um erro , na aba geral nn abre nada , nas outras 2 abre mas o nome da categoria fica em baixo dos fóruns . e na parte de area off nn aparece o nome da categoria !!!!!!!1

HenRyqUéè

Administrador
Desenvolvedor Web

Mensagens : 1520 Reputação : 429
Inscrição : 23/08/2012 Localização : Brasil
Masculino

Cash : 29

5 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 2:35 pm

Olá amigo, eu deletei aquela msg passada pq o code tava errado, troque por este:

Código:: <center><div style="padding:3px;margin-top:8px;margin-bottom:8px;"><span id="geral" style="padding:6px;border:2px solid white">GERAL</span> <span id="locais" style="margin-left:5px;padding:6px;border:2px solid white">LOCAIS</span> <span id="diversos" style="margin-left:5px;padding:6px;border:2px solid white">DIVERSOS</span> <span id="areaoff" style="margin-left:5px;padding:6px;border:2px solid white">ÁREA OFF</span></div></center> <script> jQuery(document).ready(function(){ jQuery( ".main-head:eq(0), .main-content:eq(0)").show(); jQuery(".main-head:eq(1), .main-content:eq(1)").hide(); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(); }); </script> <script> jQuery(document).ready(function(){ jQuery("#geral").click(function(){ jQuery(".main-head:eq(1), .main-content:eq(1)").hide(500); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(500); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(500); jQuery( ".main-head:eq(0), .main-content:eq(0)").show(1000); }); jQuery("#locais").click(function(){ jQuery(".main-head:eq(0), .main-content:eq(0)").hide(500); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(500); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(500); jQuery(" .main-head:eq(1), .main-content:eq(1)").show(1000); }); jQuery("#diversos").click(function(){ jQuery(".main-head:eq(0), .main-content:eq(0)").hide(500); jQuery(".main-head:eq(1), .main-content:eq(1)").hide(500); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(500); jQuery( ".main-head:eq(2), .main-content:eq(2)").show(1000); }); jQuery("#areaoff").click(function(){ jQuery(".main-head:eq(0), .main-content:eq(0)").hide(500); jQuery(".main-head:eq(1), .main-content:eq(1)").hide(500); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(500); jQuery( ".main-head:eq(3), .main-content:eq(3)").show(1000); }); }); </script> <style> #geral, #locais, #diversos, #areaoff{ color:white; font-weight:bold; cursor:pointer; border-radius:4px; } #geral:hover, #locais:hover, #diversos:hover, #areaoff:hover{ background-color:#BD3333; } </style>

Ryuuga Katoretto

sou nível 8

Mensagens : 107 Reputação : 0
Inscrição : 12/12/2012 Localização : Guarabira
Cash : 172

Brasil

6 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 2:50 pm

Cara , na geral ta tudo bem , mas quando abro > locai > diversos ou AREA OFF o antigo fica em cima do outro tipo : quando abro Diversos os tópicos de locais ficam em cima , teria como resolver isso ?

e outra , os tópicos que ficam abaixo da categoria selecionada são do da frente , tipo : Eu Abri diversos , em cima tava os topicos dos locais , mas os tópicos que estão em diversos são da area off

HenRyqUéè

Administrador
Desenvolvedor Web

Mensagens : 1520 Reputação : 429
Inscrição : 23/08/2012 Localização : Brasil
Masculino

Cash : 29

7 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 4:18 pm

Tente esse: (esse eu testei em um forum de testes, se der alguma coisa errado, é problema com teu forum!

Código:: <center><div style="padding:3px;margin-top:8px;margin-bottom:8px;"><span id="geral" style="padding:6px;border:2px solid white">GERAL</span> <span id="locais" style="margin-left:5px;padding:6px;border:2px solid white">LOCAIS</span> <span id="diversos" style="margin-left:5px;padding:6px;border:2px solid white">DIVERSOS</span> <span id="areaoff" style="margin-left:5px;padding:6px;border:2px solid white">ÁREA OFF</span></div></center> <script> jQuery(document).ready(function(){ jQuery( ".main-head:eq(0), .main-content:eq(0)").show(); jQuery(".main-head:eq(1), .main-content:eq(1)").hide(); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(); }); jQuery("#geral").click(function(){ jQuery(".main-head:eq(1), .main-content:eq(1)").hide(500); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(500); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(500); jQuery( ".main-head:eq(0), .main-content:eq(0)").show(1000); }); jQuery("#locais").click(function(){ jQuery(".main-head:eq(0), .main-content:eq(0)").hide(500); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(500); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(500); jQuery(" .main-head:eq(1), .main-content:eq(1)").show(1000); }); jQuery("#diversos").click(function(){ jQuery(".main-head:eq(0), .main-content:eq(0)").hide(500); jQuery(".main-head:eq(1), .main-content:eq(1)").hide(500); jQuery(".main-head:eq(3), .main-content:eq(3)").hide(500); jQuery( ".main-head:eq(2), .main-content:eq(2)").show(1000); }); jQuery("#areaoff").click(function(){ jQuery(".main-head:eq(0), .main-content:eq(0)").hide(500); jQuery(".main-head:eq(1), .main-content:eq(1)").hide(500); jQuery(".main-head:eq(2), .main-content:eq(2)").hide(500); jQuery( ".main-head:eq(3), .main-content:eq(3)").show(1000); }); }); </script> <style> #geral, #locais, #diversos, #areaoff{ color:white; font-weight:bold; cursor:pointer; border-radius:4px; } #geral:hover, #locais:hover, #diversos:hover, #areaoff:hover{ background-color:#BD3333; } </style>

Ryuuga Katoretto

sou nível 8

Mensagens : 107 Reputação : 0
Inscrição : 12/12/2012 Localização : Guarabira
Cash : 172

Brasil

8 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 4:28 pm

Cara , ta tudo ok mas os botões nn pegam !!!!! e as categorias nn se escoderam , pq deu certo daquela vez ? tenho que ad algo no index box ?

StyLe®

Moderador

Mensagens : 1469 Reputação : 180
Inscrição : 15/05/2012 Cash : 5014

Brasil

9 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 4:36 pm

Olá!

Não entendi poderia ser mais especifico? (Qual é a função do código?, e o código é adicionado à onde?)

Até mais.

Ryuuga Katoretto

sou nível 8

Mensagens : 107 Reputação : 0
Inscrição : 12/12/2012 Localização : Guarabira
Cash : 172

Brasil

10 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 4:39 pm

Olá , a função exata do código é dividir as categorias por abas , que ao clica-las aparecem, sendo que nesse código que o Henrique acabou de me Passar os botões não funcionam . Grato Razz

Até Mais

HenRyqUéè

Administrador
Desenvolvedor Web

Mensagens : 1520 Reputação : 429
Inscrição : 23/08/2012 Localização : Brasil
Masculino

Cash : 29

11 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 4:41 pm

Lool amigo, vou montar o code do zero então.....

troque o code por este:

Código:: <center><div style="padding:3px;margin-top:8px;margin-bottom:8px;"> <span id="geral" style="padding:6px;border:2px solid white">GERAL</span> <span id="locais" style="margin-left:5px;padding:6px;border:2px solid white">LOCAIS</span> <span id="diversos" style="margin-left:5px;padding:6px;border:2px solid white">DIVERSOS</span> <span id="areaoff" style="margin-left:5px;padding:6px;border:2px solid white">ÁREA OFF</span></div></center>

Depois add isto na sua folha de estilo css:

Código:: #geral, #locais, #diversos, #areaoff{color:white;font-weight:bold;cursor:pointer;border-radius:4px;} #geral:hover, #locais:hover, #diversos:hover, #areaoff:hover{background-color:#BD3333;}

e isso no gestor de codigos javascript: (marcar no índice).

Código:: $(document).ready(function(){ $(".main-head:eq(0), .main-conten:eq(0)").show(); $(".main-head:eq(1), .main-conten:eq(1)").hide(); $(".main-head:eq(2), .main-conten:eq(2)").hide(); $(".main-head:eq(3), .main-conten:eq(3)").hide(); $("#geral").click(function(){ $(".main-head:eq(1), .main-conten:eq(1)").hide(500); $(".main-head:eq(2), .main-conten:eq(2)").hide(500); $(".main-head:eq(3), .main-conten:eq(3)").hide(500); $(".main-head:eq(0), .main-conten:eq(0)").show(1000); }); $("#locais").click(function(){ $(".main-head:eq(0), .main-conten:eq(0)").hide(500); $(".main-head:eq(2), .main-conten:eq(2)").hide(500); $(".main-head:eq(3), .main-conten:eq(3)").hide(500); $(".main-head:eq(1), .main-conten:eq(1)").show(1000); }); $("#diversos").click(function(){ $(".main-head:eq(0), .main-conten:eq(0)").hide(500); $(".main-head:eq(1), .main-conten:eq(1)").hide(500); $(".main-head:eq(3), .main-conten:eq(3)").hide(500); $(".main-head:eq(2), .main-conten:eq(2)").show(1000); }); $("#areaoff").click(function(){ $(".main-head:eq(0), .main-conten:eq(0)").hide(500); $(".main-head:eq(1), .main-conten:eq(1)").hide(500); $(".main-head:eq(2), .main-conten:eq(2)").hide(500); $(".main-head:eq(3), .main-conten:eq(3)").show(1000); }); });

Ryuuga Katoretto

sou nível 8

Mensagens : 107 Reputação : 0
Inscrição : 12/12/2012 Localização : Guarabira
Cash : 172

Brasil

12 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 4:45 pm

Cara ele continua aparecendo todos ,agora só faz esconder o nome da categoria '-'

HenRyqUéè

Administrador
Desenvolvedor Web

Mensagens : 1520 Reputação : 429
Inscrição : 23/08/2012 Localização : Brasil
Masculino

Cash : 29

13 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 4:53 pm

amigo, então é seu forum que está com problemas, pq aqui funcionou perfeito...

Ryuuga Katoretto

sou nível 8

Mensagens : 107 Reputação : 0
Inscrição : 12/12/2012 Localização : Guarabira
Cash : 172

Brasil

14 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 4:57 pm

poxa man , então pq funfava antes ? crie uma conta que lhe coloco como adm , ai vc tenta e vê direito

HenRyqUéè

Administrador
Desenvolvedor Web

Mensagens : 1520 Reputação : 429
Inscrição : 23/08/2012 Localização : Brasil
Masculino

Cash : 29

15 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 5:00 pm

Olá amigo, eu mexer diretamente ao teu forum é uma fauta de ética, vamos tentar ir resolvendo por aqui mesmo, sei q vc vai conseguir. Primeiramente, v adicionou um novo js?

Ryuuga Katoretto

sou nível 8

Mensagens : 107 Reputação : 0
Inscrição : 12/12/2012 Localização : Guarabira
Cash : 172

Brasil

16 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 5:04 pm

Sim eu add , salvei , já fiz tudo bem direitinho Razz

HenRyqUéè

Administrador
Desenvolvedor Web

Mensagens : 1520 Reputação : 429
Inscrição : 23/08/2012 Localização : Brasil
Masculino

Cash : 29

17 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 5:10 pm

não, estou perguntando se vc ja adicionou um OUTRO code js?

Ryuuga Katoretto

sou nível 8

Mensagens : 107 Reputação : 0
Inscrição : 12/12/2012 Localização : Guarabira
Cash : 172

Brasil

18 Re: Editar com as Abas divididas
Ter 18 Dez 2012, 5:24 pm

Tenho 4 códigos JS fora este que eu add :

Barra de Cores Personalizada:

Código:: $(function(){ $("#color").length!=0&&(function(c){var e=function(){var e=65,j={eventName:"click",onShow:function(){},onBeforeShow:function(){},onHide:function(){},onChange:function(){},onSubmit:function(){},color:"ff0000",livePreview:!0,flat:!1},i=function(a,b){var d=h(a);c(b).data("colorpicker").fields.eq(1).val(d.r).end().eq(2).val(d.g).end().eq(3).val(d.b).end()},n=function(a,b){c(b).data("colorpicker").fields.eq(4).val(a.h).end().eq(5).val(a.s).end().eq(6).val(a.b).end()},l=function(a,b){c(b).data("colorpicker").fields.eq(0).val(k(h(a))).end()}, o=function(a,b){c(b).data("colorpicker").selector.css("backgroundColor","#"+k(h({h:a.h,s:100,b:100})));c(b).data("colorpicker").selectorIndic.css({left:parseInt(150*a.s/100,10),top:parseInt(150*(100-a.b)/100,10)})},p=function(a,b){c(b).data("colorpicker").hue.css("top",parseInt(150-150*a.h/360,10))},r=function(a,b){c(b).data("colorpicker").currentColor.css("backgroundColor","#"+k(h(a)))},q=function(a,b){c(b).data("colorpicker").newColor.css("backgroundColor","#"+k(h(a)))},D=function(a){a=a.charCode|| a.keyCode||-1;if(a>e&&a<=90||a==32)return!1;c(this).parent().parent().data("colorpicker").livePreview===!0&&g.apply(this)},g=function(a){var b=c(this).parent().parent(),d;if(this.parentNode.className.indexOf("_hex")>0){d=b.data("colorpicker");var f=this.value,e=6-f.length;if(e>0){for(var g=[],j=0;j<e;j++)g.push("0");g.push(f);f=g.join("")}f=m(s(f));d.color=d=f}else this.parentNode.className.indexOf("_hsb")>0?b.data("colorpicker").color=d=t({h:parseInt(b.data("colorpicker").fields.eq(4).val(),10), s:parseInt(b.data("colorpicker").fields.eq(5).val(),10),b:parseInt(b.data("colorpicker").fields.eq(6).val(),10)}):(d=b.data("colorpicker"),f={r:parseInt(b.data("colorpicker").fields.eq(1).val(),10),g:parseInt(b.data("colorpicker").fields.eq(2).val(),10),b:parseInt(b.data("colorpicker").fields.eq(3).val(),10)},d.color=d=m({r:Math.min(255,Math.max(0,f.r)),g:Math.min(255,Math.max(0,f.g)),b:Math.min(255,Math.max(0,f.b))}));a&&(i(d,b.get(0)),l(d,b.get(0)),n(d,b.get(0)));o(d,b.get(0));p(d,b.get(0));q(d, b.get(0));b.data("colorpicker").onChange.apply(b,[d,k(h(d)),h(d)])},E=function(){c(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus")},F=function(){e=this.parentNode.className.indexOf("_hex")>0?70:65;c(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus");c(this).parent().addClass("colorpicker_focus")},G=function(a){var b=c(this).parent().find("input").focus(),a={el:c(this).parent().addClass("colorpicker_slider"),max:this.parentNode.className.indexOf("_hsb_h")> 0?360:this.parentNode.className.indexOf("_hsb")>0?100:255,y:a.pageY,field:b,val:parseInt(b.val(),10),preview:c(this).parent().parent().data("colorpicker").livePreview};c(document).bind("mouseup",a,u);c(document).bind("mousemove",a,v)},v=function(a){a.data.field.val(Math.max(0,Math.min(a.data.max,parseInt(a.data.val+a.pageY-a.data.y,10))));a.data.preview&&g.apply(a.data.field.get(0),[!0]);return!1},u=function(a){g.apply(a.data.field.get(0),[!0]);a.data.el.removeClass("colorpicker_slider").find("input").focus(); c(document).unbind("mouseup",u);c(document).unbind("mousemove",v);return!1},H=function(){var a={cal:c(this).parent(),y:c(this).offset().top};a.preview=a.cal.data("colorpicker").livePreview;c(document).bind("mouseup",a,w);c(document).bind("mousemove",a,x)},x=function(a){g.apply(a.data.cal.data("colorpicker").fields.eq(4).val(parseInt(360*(150-Math.max(0,Math.min(150,a.pageY-a.data.y)))/150,10)).get(0),[a.data.preview]);return!1},w=function(a){i(a.data.cal.data("colorpicker").color,a.data.cal.get(0)); l(a.data.cal.data("colorpicker").color,a.data.cal.get(0));c(document).unbind("mouseup",w);c(document).unbind("mousemove",x);return!1},I=function(){var a={cal:c(this).parent(),pos:c(this).offset()};a.preview=a.cal.data("colorpicker").livePreview;c(document).bind("mouseup",a,y);c(document).bind("mousemove",a,z)},z=function(a){g.apply(a.data.cal.data("colorpicker").fields.eq(6).val(parseInt(100*(150-Math.max(0,Math.min(150,a.pageY-a.data.pos.top)))/150,10)).end().eq(5).val(parseInt(100*Math.max(0,Math.min(150, a.pageX-a.data.pos.left))/150,10)).get(0),[a.data.preview]);return!1},y=function(a){i(a.data.cal.data("colorpicker").color,a.data.cal.get(0));l(a.data.cal.data("colorpicker").color,a.data.cal.get(0));c(document).unbind("mouseup",y);c(document).unbind("mousemove",z);return!1},J=function(){c(this).addClass("colorpicker_focus")},K=function(){c(this).removeClass("colorpicker_focus")},L=function(a){var b=c(this).parent(),d=b.data("colorpicker").color;b.data("colorpicker").origColor=d;r(d,b.get(0));b.data("colorpicker").onSubmit(d, k(h(d)),h(d),b.data("colorpicker").el,a)},B=function(){var a=c("#"+c(this).data("colorpickerId"));a.data("colorpicker").onBeforeShow.apply(this,[a.get(0)]);var b=c(this).offset(),d;d=document.compatMode=="CSS1Compat";d={l:window.pageXOffset||(d?document.documentElement.scrollLeft:document.body.scrollLeft),t:window.pageYOffset||(d?document.documentElement.scrollTop:document.body.scrollTop),w:window.innerWidth||(d?document.documentElement.clientWidth:document.body.clientWidth),h:window.innerHeight|| (d?document.documentElement.clientHeight:document.body.clientHeight)};var f=b.top+this.offsetHeight,b=b.left;f+176>d.t+d.h&&(f-=this.offsetHeight+176);b+356>d.l+d.w&&(b-=356);a.css({left:b+"px",top:f+"px"});a.data("colorpicker").onShow.apply(this,[a.get(0)])!=!1&&a.show();c(document).bind("mousedown",{cal:a},A);return!1},A=function(a){M(a.data.cal.get(0),a.target,a.data.cal.get(0))||(a.data.cal.data("colorpicker").onHide.apply(this,[a.data.cal.get(0)])!=!1&&a.data.cal.hide(),c(document).unbind("mousedown", A))},M=function(a,b,d){if(a==b)return!0;if(a.contains)return a.contains(b);if(a.compareDocumentPosition)return!!(a.compareDocumentPosition(b)&16);for(b=b.parentNode;b&&b!=d;){if(b==a)return!0;b=b.parentNode}return!1},t=function(a){return{h:Math.min(360,Math.max(0,a.h)),s:Math.min(100,Math.max(0,a.s)),b:Math.min(100,Math.max(0,a.b))}},s=function(a){a=parseInt(a.indexOf("#")>-1?a.substring(1):a,16);return{r:a>>16,g:(a&65280)>>8,b:a&255}},m=function(a){var b={h:0,s:0,b:0},d=Math.max(a.r,a.g,a.b),c=d- Math.min(a.r,a.g,a.b);b.b=d;b.s=d!=0?255*c/d:0;b.h=b.s!=0?a.r==d?(a.g-a.b)/c:a.g==d?2+(a.b-a.r)/c:4+(a.r-a.g)/c:-1;b.h*=60;b.h<0&&(b.h+=360);b.s*=100/255;b.b*=100/255;return b},h=function(a){var b={},d=Math.round(a.h),c=Math.round(a.s*255/100),a=Math.round(a.b*255/100);if(c==0)b.r=b.g=b.b=a;else{var c=(255-c)*a/255,e=(a-c)*(d%60)/60;d==360&&(d=0);d<60?(b.r=a,b.b=c,b.g=c+e):d<120?(b.g=a,b.b=c,b.r=a-e):d<180?(b.g=a,b.r=c,b.b=c+e):d<240?(b.b=a,b.r=c,b.g=a-e):d<300?(b.b=a,b.g=c,b.r=c+e):d<360?(b.r=a, b.g=c,b.b=a-e):(b.r=0,b.g=0,b.b=0)}return{r:Math.round(b.r),g:Math.round(b.g),b:Math.round(b.b)}},k=function(a){var b=[a.r.toString(16),a.g.toString(16),a.b.toString(16)];c.each(b,function(a,c){c.length==1&&(b[a]="0"+c)});return b.join("")},N=function(){var a=c(this).parent(),b=a.data("colorpicker").origColor;a.data("colorpicker").color=b;i(b,a.get(0));l(b,a.get(0));n(b,a.get(0));o(b,a.get(0));p(b,a.get(0));q(b,a.get(0))};return{init:function(a){a=c.extend({},j,a||{});if(typeof a.color=="string")a.color= m(s(a.color));else if(a.color.r!=void 0&&a.color.g!=void 0&&a.color.b!=void 0)a.color=m(a.color);else if(a.color.h!=void 0&&a.color.s!=void 0&&a.color.b!=void 0)a.color=t(a.color);else return this;return this.each(function(){if(!c(this).data("colorpickerId")){var b=c.extend({},a);b.origColor=a.color;var d="collorpicker_"+parseInt(Math.random()*1E3);c(this).data("colorpickerId",d);d=c('<div class="colorpicker"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>').attr("id", d);b.flat?d.appendTo(this).show():d.appendTo(document.body);b.fields=d.find("input").bind("keyup",D).bind("change",g).bind("blur",E).bind("focus",F);d.find("span").bind("mousedown",G).end().find(">div.colorpicker_current_color").bind("click",N);b.selector=d.find("div.colorpicker_color").bind("mousedown",I);b.selectorIndic=b.selector.find("div div");b.el=this;b.hue=d.find("div.colorpicker_hue div");d.find("div.colorpicker_hue").bind("mousedown",H);b.newColor=d.find("div.colorpicker_new_color");b.currentColor= d.find("div.colorpicker_current_color");d.data("colorpicker",b);d.find("div.colorpicker_submit").bind("mouseenter",J).bind("mouseleave",K).bind("click",L);i(b.color,d.get(0));n(b.color,d.get(0));l(b.color,d.get(0));p(b.color,d.get(0));o(b.color,d.get(0));r(b.color,d.get(0));q(b.color,d.get(0));b.flat?d.css({position:"relative",display:"block"}):c(this).bind(b.eventName,B)}})},showPicker:function(){return this.each(function(){c(this).data("colorpickerId")&&B.apply(this)})},hidePicker:function(){return this.each(function(){c(this).data("colorpickerId")&& c("#"+c(this).data("colorpickerId")).hide()})},setColor:function(a){if(typeof a=="string")a=m(s(a));else if(a.r!=void 0&&a.g!=void 0&&a.b!=void 0)a=m(a);else if(a.h!=void 0&&a.s!=void 0&&a.b!=void 0)a=t(a);else return this;return this.each(function(){if(c(this).data("colorpickerId")){var b=c("#"+c(this).data("colorpickerId"));b.data("colorpicker").color=a;b.data("colorpicker").origColor=a;i(a,b.get(0));n(a,b.get(0));l(a,b.get(0));p(a,b.get(0));o(a,b.get(0));r(a,b.get(0));q(a,b.get(0))}})}}}();c.fn.extend({ColorPicker:e.init, ColorPickerHide:e.hidePicker,ColorPickerShow:e.showPicker,ColorPickerSetColor:e.setColor})}(jQuery),$("#wcolor,#color").html("<div></div>"),defaulColor=my_getcookie("defaultColor")?my_getcookie("defaultColor"):"000000",$("#color div").ColorPicker({color:defaulColor,flat:!0,onSubmit:function(c,e,C,j){my_setcookie("defaultColor",e,1,0);bbfontstyle("[color=#"+e+"]","[/color]");selectWysiwyg(j,"color");return!1}}),$("#wcolor div").ColorPicker({color:defaulColor,flat:!0,onSubmit:function(c,e,C,j,i){my_setcookie("defaultColor", e,1,0);vB_Editor.text_editor.format(i,"constructBBcode_select_color_#"+e,!1,!0)}})) });

Neon:

Neon 2:

Ícone de Lixeira:

são só esses fora o que vc pediu para add :

Divisão de Categorias No Fórum:

Vlw , Até Mais Razz

Ryuuga Katoretto

sou nível 8

Mensagens : 107 Reputação : 0
Inscrição : 12/12/2012 Localização : Guarabira
Cash : 172

Brasil

19 Re: Editar com as Abas divididas
Qui 20 Dez 2012, 12:09 pm

UP !!!!!!

Ryuuga Katoretto

sou nível 8

Mensagens : 107 Reputação : 0
Inscrição : 12/12/2012 Localização : Guarabira
Cash : 172

Brasil

20 Re: Editar com as Abas divididas
Ter 25 Dez 2012, 7:31 pm

Resolvido

HenRyqUéè

Administrador
Desenvolvedor Web

Mensagens : 1520 Reputação : 429
Inscrição : 23/08/2012 Localização : Brasil
Masculino

Cash : 29

21 Re: Editar com as Abas divididas
Ter 25 Dez 2012, 7:33 pm

Topic Solved &; Locked

Tópico finalizado e movido para:
Questões resolvidas
Pedidos finalizados

Motivo: Resolvido.

Conteúdo patrocinado

22 Re: Editar com as Abas divididas

Login:
Senha:

Conexão automática
-Esqueci a minha senha -Registrar-se

1 Editar com as Abas divididas

2 Re: Editar com as Abas divididas

3 Re: Editar com as Abas divididas

4 Re: Editar com as Abas divididas

5 Re: Editar com as Abas divididas

6 Re: Editar com as Abas divididas

7 Re: Editar com as Abas divididas

8 Re: Editar com as Abas divididas

9 Re: Editar com as Abas divididas

10 Re: Editar com as Abas divididas

11 Re: Editar com as Abas divididas

12 Re: Editar com as Abas divididas

13 Re: Editar com as Abas divididas

14 Re: Editar com as Abas divididas

15 Re: Editar com as Abas divididas

16 Re: Editar com as Abas divididas

17 Re: Editar com as Abas divididas

18 Re: Editar com as Abas divididas

19 Re: Editar com as Abas divididas

20 Re: Editar com as Abas divididas

21 Re: Editar com as Abas divididas

22 Re: Editar com as Abas divididas