Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : </> No
Endereço do fórum : http://unix-forum.umforum.net

Descrição do problema

Necessito dessa code, já possuo a spoiler, necessito da code.
Agradeço.

Saudações amigo!

Onde viu tal efeito? O bestskins não tem esse efeito no code!

Tópico movido de "Questões sobre HTML & BBCode" para "Questões sobre a aparência do fórum"

Até!

Tem sim amigo,
Visualize, Clicando aqui

Saudações!

Adicione este código no inicio da tua CSS:

Código:

.codebox dt{
background: none repeat scroll 0 0 #111;
border-bottom: 3px solid #2a80b9;
color: #fff;
font-size: 10px;
font-weight: 700;
line-height: 100%;
margin-top: 5px;
padding: 0.7em;}
.codebox dd{
background-color: #fafafa !important;
border: 1px solid #c9c9c9 !important;
color: #000;
font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;
font-size: 11px !important;
line-height: 110% !important;
max-height: 250px !important;
overflow: auto !important;
padding: 5px !important;
white-space: pre-wrap !important;
width: auto !important;
}

CPainel >> Visualização >> Imagens e Cores > Cores >>> Folha de estilo CSS

Depois crie um novo JS, com investimento "nos tópicos" com este código:

Código:

jQuery(function () {
    if (jQuery('.cont_code').length) {
        var tagCode = jQuery('.cont_code')
    } else {
        if (jQuery('.cont_code').length) {
            var tagCode = jQuery('.code')
        } else {
            var tagCode = jQuery('code')
        }
    }
    tagCode.each(function (key) {
        var sContent = jQuery(this).html();
        var codebox = jQuery(this).parent().parent();       
        codebox.before('<div class="punbbtop">Código        <button onclick="punbbExpand(this); return false;">Expandir</button><button style="display: none" onclick="punbbCollapse(this); return false;">Diminuir</button>  <button onclick="punbbSelect(this); return false;">Selecionar</button> <button class="punbb-copy" data-clipboard-target="codebox-' + key + '">Copiar</button> <button onclick="punbbPopup(this); return false;">Pop-up</button>  </div><pre class="highlight punbb_block">' + sContent + '</pre>');
        codebox.prev().attr('id', 'codebox-' + key);
        codebox.remove()
    });
    jQuery.getScript('http://balupton.github.io/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js', function () {
        jQuery.SyntaxHighlighter.init({
            'wrapLines': false
        })
    })
});

function punbbExpand(oThis) {
    jQuery(oThis).css('display', 'none');
    jQuery(oThis).next().css('display', '');
    jQuery(oThis).parent().next('pre.punbb_block').addClass('expand')
}

function punbbCollapse(oThis) {
    jQuery(oThis).css('display', 'none');
    jQuery(oThis).prev().css('display', '');
    jQuery(oThis).parent().next('pre.punbb_block').removeClass('expand')
}

function punbbPopup(oThis) {
    var content = jQuery(oThis).parent().next('pre.punbb_block').html();
    var my_window = window.open("", "PunBB code - Para selecionar o código: [Ctrl] + [A]", "scrollbars=1toolbar=no,menubar=no,personalbar=no,status=0,left=0,location=0,menubar=0,top=0,width=640,height=480");
    my_window.document.write('<pre>' + content + '</pre>')
}

function punbbAbout(oThis) {
    alert('Simple code to add Syntax Highlighter fuctionality for Forumotion\n\nBy JScript FROM Brazil - 2013/12/16\n')
}

function punbbSelect(oThis) {
    var doc = document;
    var text = jQuery(oThis).parent().next('pre.punbb_block')[0];
    if (doc.body.createTextRange) {
        var range = doc.body.createTextRange();
        range.moveToElementText(text);
        range.select()
    } else if (window.getSelection) {
        var selection = window.getSelection();
        var range = doc.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range)
    }
}

$(function() {
    var deferreds;
    deferreds    = [];
    if (typeof ZeroClipboard === 'undefined') {
        deferreds.push($.getScript('http://cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.0.0-beta.5/ZeroClipboard.min.js'));
    }
    $.when.apply(null, deferreds).then(function() {
        var client;
        ZeroClipboard.config({swfPath: 'http://cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.0.0-beta.5/ZeroClipboard.swf'});
        client = ZeroClipboard($('.punbb-copy'));
    });
});

CPainel >> Módulos >> HTML & JAVASCRIPT > Gestão dos códigos JavaScript >>> Criar um novo JavaScript

Até!

Irei testar, obrigado pela atenção.
Qualquer coisa dou edit.

</> EDIT
FUncionou perfeitamente, obrigado! Enquanto ao título do js?

Que título do JS? Poderia especificar-se por gentileza!

Até!

Criei ojavascript, mais o título do js pode ser a minha escolha?

Sim, pode!

".codebox dt {" a chave não deveria ser na outra linha?

Amigo, o código está configurado correto, se não, não estaria fazendo seu devido efeito!

https://imgur.com/E2xD90f
icou assim amigo.

Não compreendi... o senhor disse que havia funcionado e em meu fórum de testes funcionou também!

Se quiser visualize meu fórum, aqui não funcionou. Se quiser ajeitar para mim, agradeço.

Poderia me passar um link de um tópico em teu fórum que esteja utilizando as TAGS:

Código:

[code][/code]

Até!

Clique Aqui

EDIT: Resolvido! Adicionei no final da CSS ao invés de adicionar no final!

Edição by: Hakuouki(Deletei a tua segunda mensagem seguida!)