Novo BBCode bspoiler

Nome do Arquivo: Novo BBCode bspoiler
Autor: Daemon
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins

Olá, neste tutorial trago-lhes um pequeno recurso para seus fóruns.
Não gosta do spoiler atual do seu fórum? Agora não é problema, com este código você irá criar um novo bbcode spoiler.

Primeiro vá até o seu Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript Criar novo.
Investimento*: Em todas as páginas
Código*: PunBB

Código:

$(document).ready(function() {
$('head').append(
'<style type="text/css">' +
  '.bs_spoiler span.bs_spoiler_title {' +
   'line-height: 1.5em;' +
   'font-size: 13px;' +
   'font-family: tahoma,helvetica,arial,sans-serif;' +
   'color: #282828;' +
   'font-weight: bold;' +
  '}' +
  '.bs_spoiler_showhide {' +
   'min-width: 45px;' +
   'cursor: default;' +
   'font-size: .8em;' +
   'margin: 0 5px;' +
  '}' +
  '.bs_spoiler_wrapper {' +
   'border: 1px inset #777;' +
   'padding: 4px;' +
  '}' +
'</style>'
);
var entry = $('.post .entry-content');
      entry.html(function() {
              return $(this)
              .html()
              .replace(/\[bspoiler](.*?)\[\/bspoiler\]/g,'<div class="bs_spoiler"><span class="bs_spoiler_title">Spoiler</span><input type="button" class="bs_spoiler_showhide" /><div class="bs_spoiler_wrapper"><div class="bs_spoiler_content" style="display:none">$1</div></div></div>');
         });

$('.bs_spoiler').each(function() {

   var oThis = $(this);
   var sh = oThis.find('.bs_spoiler_showhide');
   var content = oThis.find('.bs_spoiler_content');
   var show = 'Mostrar';
   var hide = 'Ocultar';
   sh.attr('value',show);

 sh.on('click', function() {
  if(content.is(':visible')) {
    sh.attr('value',show);
    content.hide();
  }
  else {
    sh.attr('value',hide);
    content.show();
  }
 });

});
});

O código acima serve para a versão PunBB, para as demais versões, localize isto "var entry = $('.post .entry-content');". Troque por:
Invision: var entry = $('.post-entry');
PhpBB3: var entry = $('.post .content');
PhpBB2: var entry = $('.postbody');

O código tem o mesmo efeito do BBCode spoiler. Lembre-se que ele não irá substituir o spoiler padrão, você poderá utilizar os dois.
Para utilizar este novo spoiler, você deve utilizar as tags:

Código:

[bspoiler]Código oculto aqui...[/bspoiler]

Se tiver alguma dúvida em relação a este tutorial, crie um tópico de mesmo nome.

---

Editado por Harleen 10:11:06 05.03.2021
P.S. Para adicionar essa tag, siga o [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

I Love it.... Rep+

i'mma use it...

Até +

Muito bom amigo.. Parabéns pelo código

Muito bom mesmo ema *-*
Rep+

O que você não consegue né,Parabéns Daemon! O Código está igual ao do vBulletin! Reputado!

Muito bom emo!
Isso vai me ajudar em minha skin haha

+1 rep.

[info="Código atualizado"]
O código foi reformulado. Peço aos utilizadores do antigo código deste tutorial, que substituam o código anterior pelo atualizado.[/info]