[Tutorial] Adicionar um novo BBcode - bspoiler
Página 1 de 1 • Compartilhe
Autor: Daemon
Funcionalidade: Em todas as versões
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 :seta: Módulos :seta: HTML & JAVASCRIPT :seta: Gestão dos códigos JavaScript :seta: 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();
}
});
});
});
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]
Tópicos semelhantes
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|