[Tutorial] Mostrar/ocultar cada widget separado

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

Admin
Admin
Administrador
Tempo Online : 250d 6h 21m 59s
Mensagens : 693
Reputação : 4
https://bestweb.forumeiro.com

MensagemAdmin Ter Out 04, 2016 5:39 pm

Autor: Mjgbales
Funcionalidade: Em todas as versões

[Tutorial] Mostrar/ocultar cada widget separado Chatbo10 Mostrar/ocultar cada widget separado

As vezes gostaríamos de ocultar um único widget mas temos tantos. Com esse tutorial poderemos colocar um botão em cada widget e ao clicar poderemos oculta-lo de forma que seja separadamente.

--> Tutoriais, dicas e astúcias <--
Mostrar/ocultar cada widget separado

- Paginas Javascript:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle :seta2: Modulos :seta2: HTML & JavaScript :seta2: "Aba" Gestão dos códigos JavaScripts
[Tutorial] Mostrar/ocultar cada widget separado Painel13
[Tutorial] Mostrar/ocultar cada widget separado 110111Arrow Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[Tutorial] Mostrar/ocultar cada widget separado 110210Arrow Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos em todas as paginas.
[Tutorial] Mostrar/ocultar cada widget separado 110310Arrow Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
[Tutorial] Mostrar/ocultar cada widget separado 110410Arrow Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

- Código a ser usado:
Coloque esse código no conteúdo do javascript de acordo com sua versão:

  • Versão Phpbb2:
    Código:

    var image_widget_src = "http://i73.servimg.com/u/f73/18/10/89/49/th/tog-wi10.png";

    $(function(){
      $('#left .forumline,#right .forumline').find('tr:eq(0)').addClass('bef-tog');
      $('<img class="tog-widget" style="float: right; height: 17px; width: 17px; margin-top: -23px; margin-right: 3px; cursor: pointer;"></img>').insertAfter('.bef-tog');
      $(".tog-widget").each(function(){
        $(this).attr("src", image_widget_src );
        $(this).click(function(){
          $(this).next().slideToggle("slow");
        });
      });
    });

  • Versão Phpbb3:
    Código:
    var image_widget_src = "http://i73.servimg.com/u/f73/18/10/89/49/th/tog-wi10.png";

    $(function(){
      $(".module .h3").each(function(){
        $(this).insertBefore($(this).parent());
        $(this).css("padding-right","20px");
      });
      $('<img class="tog-widget" style="float: right; height: 17px; width: 17px; margin-top: -23px; cursor: pointer;"></img>').insertBefore('.module .inner');
      $(".tog-widget").each(function(){
        $(this).attr("src", image_widget_src );
        $(this).click(function(){
          $(this).next().slideToggle("slow");
        });
      });
    });

  • Versão PunBB:
    Código:
    var image_widget_src = "http://i73.servimg.com/u/f73/18/10/89/49/th/tog-wi10.png";

    $(function(){
      $('<img class="tog-widget" style="float: right; height: 17px; width: 17px; margin-top: -23px; margin-right: 3px; cursor: pointer;"></img>').insertAfter('.module.main .main-head');
      $(".tog-widget").each(function(){
        $(this).attr("src", image_widget_src );
        $(this).click(function(){
          $(this).next().slideToggle("slow");
        });
      });
    });

  • Versão Invision:
    Código:
    var image_widget_src = "http://i73.servimg.com/u/f73/18/10/89/49/th/tog-wi10.png";

    $(function(){
      $('<img class="tog-widget" style="float: right; height: 17px; width: 17px; margin-top: -23px; margin-right: 3px; cursor: pointer;"></img>').insertAfter('.module .maintitle');
      $(".tog-widget").each(function(){
        $(this).attr("src", image_widget_src );
        $(this).click(function(){
          $(this).next().slideToggle("slow");
        });
      });
    });


Clique no botão Salvar.

  • Resultado:

[Tutorial] Mostrar/ocultar cada widget separado Tutowi10

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

Cria uma conta ou logue para postar uma mensagem.

Você precisa ser um membro, para poder postar uma resposta.

Criar conta

Participe de nossa comunidade, basta se registrar. É Fácil!


Criar uma conta

Logar

Já tem uma conta? Sem problemas, Logue agora.


Logar-se

 
Permissões neste sub-fórum
Não podes responder a tópicos