Code new, bs

2 participantes

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

Tópico resolvido Code new, bs

Mensagem por Casie 29.03.15 20:23

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.
Casie

Casie
***

Membro desde : 26/03/2015
Mensagens : 116
Pontos : 185

http://unix-forum.umforum.net

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Code new, bs

Mensagem por Konai 29.03.15 20:28

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é! Feliz


Última edição por Hakuouki em 29.03.15 20:41, editado 1 vez(es)
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Code new, bs

Mensagem por Casie 29.03.15 20:30

Tem sim amigo,
Visualize, Clicando aqui
Casie

Casie
***

Membro desde : 26/03/2015
Mensagens : 116
Pontos : 185

http://unix-forum.umforum.net

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Code new, bs

Mensagem por Konai 29.03.15 20:40

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 >>> Adicionar Criar um novo JavaScript

Até! Feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Code new, bs

Mensagem por Casie 29.03.15 20:41

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

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

Casie
***

Membro desde : 26/03/2015
Mensagens : 116
Pontos : 185

http://unix-forum.umforum.net

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Code new, bs

Mensagem por Konai 29.03.15 21:02

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

Até! Feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Code new, bs

Mensagem por Casie 29.03.15 21:05

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

Casie
***

Membro desde : 26/03/2015
Mensagens : 116
Pontos : 185

http://unix-forum.umforum.net

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Code new, bs

Mensagem por Konai 29.03.15 21:05

Sim, pode! Muito feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Code new, bs

Mensagem por Casie 29.03.15 21:10

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

Casie
***

Membro desde : 26/03/2015
Mensagens : 116
Pontos : 185

http://unix-forum.umforum.net

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Code new, bs

Mensagem por Konai 29.03.15 21:12

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

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Code new, bs

Mensagem por Casie 29.03.15 21:27

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

Casie
***

Membro desde : 26/03/2015
Mensagens : 116
Pontos : 185

http://unix-forum.umforum.net

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Code new, bs

Mensagem por Konai 29.03.15 21:28

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

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Code new, bs

Mensagem por Casie 29.03.15 21:30

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

Casie
***

Membro desde : 26/03/2015
Mensagens : 116
Pontos : 185

http://unix-forum.umforum.net

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Code new, bs

Mensagem por Konai 29.03.15 22:00

Poderia me passar um link de um tópico em teu fórum que esteja utilizando as TAGS:
Código:
[code][/code]

Até! Feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Code new, bs

Mensagem por Casie 29.03.15 22:03

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!)
Casie

Casie
***

Membro desde : 26/03/2015
Mensagens : 116
Pontos : 185

http://unix-forum.umforum.net

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Code new, bs

Mensagem por Konai 29.03.15 22:12

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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