Ícone de esconder e mostrar categorias

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Ícone de esconder e mostrar categorias

Mensagem por Rafael Wendell em 05.08.19 20:41

Detalhes da questão


Endereço do fórum: http://br-virtualuniverse.forumeiros.com/forum
Versão do fórum: phpBB3

Descrição


Olá, Aquiles ficou de me ajudar a mudar o icone de esconder e mostrar as categorias, mas acabei esquecendo de lembrar ele então tou aq abrindo o tópico...
O botão que está, é pequeno e fica estranho em meu fórum, gostaria de um assim... segue o link do fórum que vi:
http://brasilplayultimate.forumeiros.com/forum

Usei o JS desse tópico aqui: https://ajuda.forumeiros.com/t99743-addon-ocultar-mostrar-categorias-no-estilo-invision

Obrigado a quem disponibilizar o tempo pra me ajudar... s2
Rafael Wendell

Rafael Wendell
Nível 7

Masculino
Inscrito dia : 30/07/2019
Mensagens : 80
Pontos Ativos : 124

http://rpgplayforever.directorioforuns.com/forum
  • 0

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por Roger123 em 06.08.19 8:38

Olá,
O senhor deve requerer uma imagem no setor de criações gráficas, ou então trocar o código para:
Código:
  /***
        * Application: toggle Category
        * Description: Show/hide categories!
        * Version: 0.02632015-jq1.9.1
        *        RC1 (Release candidate 1!) - Invision
        * Author: JScript - 2015/03/26 - based on Invision.js
        * This work is free. You can redistribute it and/or modify it
        * under the terms of the WTFPL, Version 2
        */
        $(function() {
          var Autor = "JScript <jscriptbrasil at live dot com>, based on Invision.js";
          style = document.createElement("style"),
              //Versions: |phpBB2----------------------------------------|  |phpBB3-------------|    |PunBB-----------------|  |Invision already have it!|
              oCat = $('#content-container .three-col td:eq(1) .forumline, #main-content .forabg, #main-content .main-head, '),
              oThis = null,
              oTemp = null,
              sEval = '';
 
          style.type = "text/css";
          style.innerHTML =
              '.contract, .expand {' +
              '  background: no-repeat scroll 50% 50% rgba(0, 0, 0, 0);' +
              '  cursor: pointer;' +
              '  float: right;' +
              '  margin-top: 3px;' +
              '}' +
              '.expand {' +
              '  background: no-repeat scroll 50% 50% rgba(0, 0, 0, 0);' +
              '}';
          document.getElementsByTagName("head")[0].appendChild(style);
 
          switch (oCat[0].className) {
              case 'forumline': //phpBB2
                sEval = "oTemp = oThis.find('tr').first();oTemp.addClass('title-bar');" +
                    "oTemp.find('th:last').append('<div onclick="toggleCategory(\\'c' + i + '\\');" id="bc' + i + '" class="contract" style="margin-top: -15px;">&nbsp;&nbsp;&nbsp;</div>');" +
                    "oThis.find('tr').not('.title-bar').addClass('c' + i);";
                break;
              case 'forabg': //phpBB3
                sEval = "oThis.find('ul.topiclist:first dl.icon').append('<div onclick="toggleCategory(\\'c' + i + '\\');" id="bc' + i + '" class="contract">&nbsp;&nbsp;&nbsp;</div>');" +
                    "oThis.find('ul.topiclist.forums').attr('id', 'c' + i);";
                break;
              case 'main-head': //PunBB
                sEval = "oThis.find('h2').append('<div onclick="toggleCategory(\\'c' + i + '\\');" id="bc' + i + '" class="contract">&nbsp;&nbsp;&nbsp;</div>');" +
                    "oThis.next().attr('id', 'c' + i);";
                break;
          }
          for (var i = 0, len = oCat.length; i < len; i++) {
              oThis = $(oCat[i]);
              eval(sEval);
          }
 
          initCategories();
        });
        // by invision.js
        function initCategories() {
          var id;
          cookies = document.cookie.split('; ');
          for (var i = 0; i < cookies.length; i++) {
              if (cookies[i].charAt(0) == '_') {
                cookie = cookies[i].split('=');
                if (cookie[1] == '1') {
                    id = cookie[0].substring(1);
                    if (document.getElementById(id)) {
                      toggleCategory(id)
                    }
                }
              }
          }
        }
        // by invision.js, modified by JScript
        function toggleCategory(id) {
          var obj = document.getElementById(id);
          var button = document.getElementById('b' + id);
          if (obj) {
              var toggle = obj.style.display == 'none';
              obj.style.display = toggle ? '' : 'none';
          } else {
              var elems = document.getElementsByClassName(id);
              for (var i = 0, len = elems.length; i < len; i++) {
                var toggle = elems[i].style.display == 'none';
                elems[i].style.display = toggle ? '' : 'none';
              }
          }
          button.className = toggle ? 'contract' : 'expand';
          my_setcookie('_' + id, toggle ? '' : '1', true);
          return false
        }
E adicionar isto ao seu CSS:
Código:
expand::before{content:\f078; font-family: FontAwesome;}.contract::before{content:\f053;font-family:FontAwesome;}
Leia este tutorial para instalar a FontAwesome no seu fórum: [TUTORIAL] Instalação do Font Awesome no fórum.

Cordialmente,
Roger123


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Ícone de esconder e mostrar categorias 1406
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 1581
Pontos Ativos : 1852

https://todosostemas.forumeiros.com

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por Rafael Wendell em 06.08.19 17:50

Troquei esse código, e coloquei o CSS, e tentei adicionar a Font mas n conseguir pq fiquei perdido sem entender, e n aparece mas nada agr para mostrar ou ocultar...
Rafael Wendell

Rafael Wendell
Nível 7

Masculino
Inscrito dia : 30/07/2019
Mensagens : 80
Pontos Ativos : 124

http://rpgplayforever.directorioforuns.com/forum

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por Roger123 em 06.08.19 17:55

Como o código é adaptado para uma imagem, e óbvio que o resultado não vai ser o esperado. Recomendo que abra um tópico na secção gráfica e aguarde por alguém (sem dar Ups).


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Ícone de esconder e mostrar categorias 1406
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 1581
Pontos Ativos : 1852

https://todosostemas.forumeiros.com

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por Rafael Wendell em 06.08.19 18:15

Como assim? eu so queria o icone tipo a quele da print... n tem um assim? onde troca?
Rafael Wendell

Rafael Wendell
Nível 7

Masculino
Inscrito dia : 30/07/2019
Mensagens : 80
Pontos Ativos : 124

http://rpgplayforever.directorioforuns.com/forum

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por Roger123 em 06.08.19 18:19



Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Ícone de esconder e mostrar categorias 1406
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 1581
Pontos Ativos : 1852

https://todosostemas.forumeiros.com

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por Rafael Wendell em 06.08.19 19:07

Então eu tentei mudar mas n aparece nada ai tentei com um gif mas ele fica com fundo, poderia montar um JS pra mim pfv com a quele tipo? muito obrigado pra quem puder...

Forum que vi o Icone: http://brasilplayultimate.forumeiros.com/forum

meu JS:
Código:
 
        /***
        * Application: toggle Category
        * Description: Show/hide categories!
        * Version: 0.02632015-jq1.9.1
        *        RC1 (Release candidate 1!) - Invision
        * Author: JScript - 2015/03/26 - based on Invision.js
        * This work is free. You can redistribute it and/or modify it
        * under the terms of the WTFPL, Version 2
        */
        $(function() {
          var Autor = "JScript <jscriptbrasil at live dot com>, based on Invision.js";
          style = document.createElement("style"),
              //Versions: |phpBB2----------------------------------------|  |phpBB3-------------|    |PunBB-----------------|  |Invision already have it!|
              oCat = $('#content-container .three-col td:eq(1) .forumline, #main-content .forabg, #main-content .main-head, '),
              oThis = null,
              oTemp = null,
              sEval = '';
 
          style.type = "text/css";
          style.innerHTML =
              '.contract, .expand {' +
              '  background: url("http://illiweb.com/fa/invision/exp_minus.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);' +
              '  cursor: pointer;' +
              '  float: right;' +
              '  margin-top: 3px;' +
              '}' +
              '.expand {' +
              '  background: url("http://illiweb.com/fa/invision/exp_plus.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);' +
              '}';
          document.getElementsByTagName("head")[0].appendChild(style);
 
          switch (oCat[0].className) {
              case 'forumline': //phpBB2
                sEval = "oTemp = oThis.find('tr').first();oTemp.addClass('title-bar');" +
                    "oTemp.find('th:last').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\" style=\"margin-top: -15px;\">&nbsp;&nbsp;&nbsp;</div>');" +
                    "oThis.find('tr').not('.title-bar').addClass('c' + i);";
                break;
              case 'forabg': //phpBB3
                sEval = "oThis.find('ul.topiclist:first dl.icon').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\">&nbsp;&nbsp;&nbsp;</div>');" +
                    "oThis.find('ul.topiclist.forums').attr('id', 'c' + i);";
                break;
              case 'main-head': //PunBB
                sEval = "oThis.find('h2').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\">&nbsp;&nbsp;&nbsp;</div>');" +
                    "oThis.next().attr('id', 'c' + i);";
                break;
          }
          for (var i = 0, len = oCat.length; i < len; i++) {
              oThis = $(oCat[i]);
              eval(sEval);
          }
 
          initCategories();
        });
        // by invision.js
        function initCategories() {
          var id;
          cookies = document.cookie.split('; ');
          for (var i = 0; i < cookies.length; i++) {
              if (cookies[i].charAt(0) == '_') {
                cookie = cookies[i].split('=');
                if (cookie[1] == '1') {
                    id = cookie[0].substring(1);
                    if (document.getElementById(id)) {
                      toggleCategory(id)
                    }
                }
              }
          }
        }
        // by invision.js, modified by JScript
        function toggleCategory(id) {
          var obj = document.getElementById(id);
          var button = document.getElementById('b' + id);
          if (obj) {
              var toggle = obj.style.display == 'none';
              obj.style.display = toggle ? '' : 'none';
          } else {
              var elems = document.getElementsByClassName(id);
              for (var i = 0, len = elems.length; i < len; i++) {
                var toggle = elems[i].style.display == 'none';
                elems[i].style.display = toggle ? '' : 'none';
              }
          }
          button.className = toggle ? 'contract' : 'expand';
          my_setcookie('_' + id, toggle ? '' : '1', true);
          return false
        }
   
Rafael Wendell

Rafael Wendell
Nível 7

Masculino
Inscrito dia : 30/07/2019
Mensagens : 80
Pontos Ativos : 124

http://rpgplayforever.directorioforuns.com/forum

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por Roger123 em 06.08.19 19:35

Quais são as imagens?


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Ícone de esconder e mostrar categorias 1406
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 1581
Pontos Ativos : 1852

https://todosostemas.forumeiros.com

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por Rafael Wendell em 06.08.19 20:03

Eu apaguei as img pq n funcionou mas foi dessa base aq eu corei e tirei o fundo, pintei de preto as partes brancas dentro e taus...
https://i.servimg.com/u/f79/20/09/74/26/62195510.jpg
Rafael Wendell

Rafael Wendell
Nível 7

Masculino
Inscrito dia : 30/07/2019
Mensagens : 80
Pontos Ativos : 124

http://rpgplayforever.directorioforuns.com/forum

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por Roger123 em 07.08.19 9:43

Troque para:
Código:
 
        /***
        * Application: toggle Category
        * Description: Show/hide categories!
        * Version: 0.02632015-jq1.9.1
        *        RC1 (Release candidate 1!) - Invision
        * Author: JScript - 2015/03/26 - based on Invision.js
        * This work is free. You can redistribute it and/or modify it
        * under the terms of the WTFPL, Version 2
        */
        $(function() {
          var Autor = "JScript <jscriptbrasil at live dot com>, based on Invision.js";
          style = document.createElement("style"),
              //Versions: |phpBB2----------------------------------------|  |phpBB3-------------|    |PunBB-----------------|  |Invision already have it!|
              oCat = $('#content-container .three-col td:eq(1) .forumline, #main-content .forabg, #main-content .main-head, '),
              oThis = null,
              oTemp = null,
              sEval = '';
 
          style.type = "text/css";
          style.innerHTML =
              '.contract, .expand {' +
              '  background: url("https://i.imgur.com/ZbfsibE.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);' +
              '  cursor: pointer;' +
              '  float: right;' +
              '  margin-top: 3px;' +
              '}' +
              '.expand {' +
              '  background: url("https://i.imgur.com/egBGp8u.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);' +
              '}';
          document.getElementsByTagName("head")[0].appendChild(style);
 
          switch (oCat[0].className) {
              case 'forumline': //phpBB2
                sEval = "oTemp = oThis.find('tr').first();oTemp.addClass('title-bar');" +
                    "oTemp.find('th:last').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\" style=\"margin-top: -15px;\">&nbsp;&nbsp;&nbsp;</div>');" +
                    "oThis.find('tr').not('.title-bar').addClass('c' + i);";
                break;
              case 'forabg': //phpBB3
                sEval = "oThis.find('ul.topiclist:first dl.icon').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\">&nbsp;&nbsp;&nbsp;</div>');" +
                    "oThis.find('ul.topiclist.forums').attr('id', 'c' + i);";
                break;
              case 'main-head': //PunBB
                sEval = "oThis.find('h2').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\">&nbsp;&nbsp;&nbsp;</div>');" +
                    "oThis.next().attr('id', 'c' + i);";
                break;
          }
          for (var i = 0, len = oCat.length; i < len; i++) {
              oThis = $(oCat[i]);
              eval(sEval);
          }
 
          initCategories();
        });
        // by invision.js
        function initCategories() {
          var id;
          cookies = document.cookie.split('; ');
          for (var i = 0; i < cookies.length; i++) {
              if (cookies[i].charAt(0) == '_') {
                cookie = cookies[i].split('=');
                if (cookie[1] == '1') {
                    id = cookie[0].substring(1);
                    if (document.getElementById(id)) {
                      toggleCategory(id)
                    }
                }
              }
          }
        }
        // by invision.js, modified by JScript
        function toggleCategory(id) {
          var obj = document.getElementById(id);
          var button = document.getElementById('b' + id);
          if (obj) {
              var toggle = obj.style.display == 'none';
              obj.style.display = toggle ? '' : 'none';
          } else {
              var elems = document.getElementsByClassName(id);
              for (var i = 0, len = elems.length; i < len; i++) {
                var toggle = elems[i].style.display == 'none';
                elems[i].style.display = toggle ? '' : 'none';
              }
          }
          button.className = toggle ? 'contract' : 'expand';
          my_setcookie('_' + id, toggle ? '' : '1', true);
          return false
        }
   


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Ícone de esconder e mostrar categorias 1406
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 1581
Pontos Ativos : 1852

https://todosostemas.forumeiros.com

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por Rafael Wendell em 07.08.19 15:12

Rafael Wendell

Rafael Wendell
Nível 7

Masculino
Inscrito dia : 30/07/2019
Mensagens : 80
Pontos Ativos : 124

http://rpgplayforever.directorioforuns.com/forum
  • 0

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por Roger123 em 07.08.19 17:07

Troque para:
Código:
 
        /***
        * Application: toggle Category
        * Description: Show/hide categories!
        * Version: 0.02632015-jq1.9.1
        *        RC1 (Release candidate 1!) - Invision
        * Author: JScript - 2015/03/26 - based on Invision.js
        * This work is free. You can redistribute it and/or modify it
        * under the terms of the WTFPL, Version 2
        */
        $(function() {
          var Autor = "JScript <jscriptbrasil at live dot com>, based on Invision.js";
          style = document.createElement("style"),
              //Versions: |phpBB2----------------------------------------|  |phpBB3-------------|    |PunBB-----------------|  |Invision already have it!|
              oCat = $('#content-container .three-col td:eq(1) .forumline, #main-content .forabg, #main-content .main-head, '),
              oThis = null,
              oTemp = null,
              sEval = '';
 
          style.type = "text/css";
          style.innerHTML =
              '.contract, .expand {' +
              '  background: url("https://i.imgur.com/ZbfsibE.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);' +
              '  max-width: 16px!important;' +
              '  cursor: pointer;' +
              '  float: right;' +
              '  margin-top: 3px;' +
              '}' +
              '.expand {' +
              '  background: url("https://i.imgur.com/egBGp8u.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);' +
              '}';
          document.getElementsByTagName("head")[0].appendChild(style);
 
          switch (oCat[0].className) {
              case 'forumline': //phpBB2
                sEval = "oTemp = oThis.find('tr').first();oTemp.addClass('title-bar');" +
                    "oTemp.find('th:last').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\" style=\"margin-top: -15px;\">&nbsp;&nbsp;&nbsp;</div>');" +
                    "oThis.find('tr').not('.title-bar').addClass('c' + i);";
                break;
              case 'forabg': //phpBB3
                sEval = "oThis.find('ul.topiclist:first dl.icon').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\">&nbsp;&nbsp;&nbsp;</div>');" +
                    "oThis.find('ul.topiclist.forums').attr('id', 'c' + i);";
                break;
              case 'main-head': //PunBB
                sEval = "oThis.find('h2').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\">&nbsp;&nbsp;&nbsp;</div>');" +
                    "oThis.next().attr('id', 'c' + i);";
                break;
          }
          for (var i = 0, len = oCat.length; i < len; i++) {
              oThis = $(oCat[i]);
              eval(sEval);
          }
 
          initCategories();
        });
        // by invision.js
        function initCategories() {
          var id;
          cookies = document.cookie.split('; ');
          for (var i = 0; i < cookies.length; i++) {
              if (cookies[i].charAt(0) == '_') {
                cookie = cookies[i].split('=');
                if (cookie[1] == '1') {
                    id = cookie[0].substring(1);
                    if (document.getElementById(id)) {
                      toggleCategory(id)
                    }
                }
              }
          }
        }
        // by invision.js, modified by JScript
        function toggleCategory(id) {
          var obj = document.getElementById(id);
          var button = document.getElementById('b' + id);
          if (obj) {
              var toggle = obj.style.display == 'none';
              obj.style.display = toggle ? '' : 'none';
          } else {
              var elems = document.getElementsByClassName(id);
              for (var i = 0, len = elems.length; i < len; i++) {
                var toggle = elems[i].style.display == 'none';
                elems[i].style.display = toggle ? '' : 'none';
              }
          }
          button.className = toggle ? 'contract' : 'expand';
          my_setcookie('_' + id, toggle ? '' : '1', true);
          return false
        }
 
Em 16px, altere 16 pelo número que se adequar ao que o senhor quer!


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Ícone de esconder e mostrar categorias 1406
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 1581
Pontos Ativos : 1852

https://todosostemas.forumeiros.com

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por Rafael Wendell em 07.08.19 17:12

Continua a mesma forma Roger...
Rafael Wendell

Rafael Wendell
Nível 7

Masculino
Inscrito dia : 30/07/2019
Mensagens : 80
Pontos Ativos : 124

http://rpgplayforever.directorioforuns.com/forum

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por Roger123 em 07.08.19 17:27

O script é feito para colocar as imagens pequenas, como a anterior... Se tiver uma pequena e melhor, avise-me.


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Ícone de esconder e mostrar categorias 1406
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 1581
Pontos Ativos : 1852

https://todosostemas.forumeiros.com

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por Rafael Wendell em 07.08.19 21:46

Não tenho n, eu gostaria que fosse igual a da print la em cima, mas parece que n tem...
Rafael Wendell

Rafael Wendell
Nível 7

Masculino
Inscrito dia : 30/07/2019
Mensagens : 80
Pontos Ativos : 124

http://rpgplayforever.directorioforuns.com/forum
  • 0

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por AquilesD. em 07.08.19 22:26

Olá,

Substitua o código JS por esse

Código:
 
        /***
        * Application: toggle Category
        * Description: Show/hide categories!
        * Version: 0.02632015-jq1.9.1
        *        RC1 (Release candidate 1!) - Invision
        * Author: JScript - 2015/03/26 - based on Invision.js
        * This work is free. You can redistribute it and/or modify it
        * under the terms of the WTFPL, Version 2
        */
        $(function() {
          var Autor = "JScript <jscriptbrasil at live dot com>, based on Invision.js";
          style = document.createElement("style"),
              //Versions: |phpBB2----------------------------------------|  |phpBB3-------------|    |PunBB-----------------|  |Invision already have it!|
              oCat = $('#content-container .three-col td:eq(1) .forumline, #main-content .forabg, #main-content .main-head, '),
              oThis = null,
              oTemp = null,
              sEval = '';
 
          style.type = "text/css";
          style.innerHTML =
              '.contract, .expand {' +
              '  background: url("https://i.imgur.com/34H675X.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);' +
              '  cursor: pointer;' +
              '  float: right;' +
              '  margin-top: 3px;' +
              '  width: 36px;' +
              '  height: 15px;' +
              '}' +
              '.expand {' +
              '  background: url("https://i.imgur.com/J5TsBdk.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);' +
              '}';
          document.getElementsByTagName("head")[0].appendChild(style);
 
          switch (oCat[0].className) {
              case 'forumline': //phpBB2
                sEval = "oTemp = oThis.find('tr').first();oTemp.addClass('title-bar');" +
                    "oTemp.find('th:last').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\" style=\"margin-top: -15px;\">&nbsp;&nbsp;&nbsp;</div>');" +
                    "oThis.find('tr').not('.title-bar').addClass('c' + i);";
                break;
              case 'forabg': //phpBB3
                sEval = "oThis.find('ul.topiclist:first dl.icon').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\">&nbsp;&nbsp;&nbsp;</div>');" +
                    "oThis.find('ul.topiclist.forums').attr('id', 'c' + i);";
                break;
              case 'main-head': //PunBB
                sEval = "oThis.find('h2').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\">&nbsp;&nbsp;&nbsp;</div>');" +
                    "oThis.next().attr('id', 'c' + i);";
                break;
          }
          for (var i = 0, len = oCat.length; i < len; i++) {
              oThis = $(oCat[i]);
              eval(sEval);
          }
 
          initCategories();
        });
        // by invision.js
        function initCategories() {
          var id;
          cookies = document.cookie.split('; ');
          for (var i = 0; i < cookies.length; i++) {
              if (cookies[i].charAt(0) == '_') {
                cookie = cookies[i].split('=');
                if (cookie[1] == '1') {
                    id = cookie[0].substring(1);
                    if (document.getElementById(id)) {
                      toggleCategory(id)
                    }
                }
              }
          }
        }
        // by invision.js, modified by JScript
        function toggleCategory(id) {
          var obj = document.getElementById(id);
          var button = document.getElementById('b' + id);
          if (obj) {
              var toggle = obj.style.display == 'none';
              obj.style.display = toggle ? '' : 'none';
          } else {
              var elems = document.getElementsByClassName(id);
              for (var i = 0, len = elems.length; i < len; i++) {
                var toggle = elems[i].style.display == 'none';
                elems[i].style.display = toggle ? '' : 'none';
              }
          }
          button.className = toggle ? 'contract' : 'expand';
          my_setcookie('_' + id, toggle ? '' : '1', true);
          return false
        }
   

Até mais!


Ícone de esconder e mostrar categorias WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6035
Pontos Ativos : 7761

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por Rafael Wendell em 07.08.19 22:59

Deu certo... Obrigado s2... abrigado aos dois...
Rafael Wendell

Rafael Wendell
Nível 7

Masculino
Inscrito dia : 30/07/2019
Mensagens : 80
Pontos Ativos : 124

http://rpgplayforever.directorioforuns.com/forum

Atendido / Resolvido Re: Ícone de esconder e mostrar categorias

Mensagem por AquilesD. em 07.08.19 23:04

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.


Ícone de esconder e mostrar categorias WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6035
Pontos Ativos : 7761

https://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum