Tag code igual ao do FDF

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

Resolvido Tag code igual ao do FDF

Mensagem por Mauricio Molina em 10/05/14, 02:24 pm

  • Descrição:
Alguém pode me fornecer o código da tag code aqui do FDF?

Código:
Este aqui

E claro como introduzo em meu fórum...

Obrigado!

  • Informações:
Fórum:http://aquapeixes.forumeiros.comVersão:PHPBB3
Tipo:Pedido de códigoTags:igual



Última edição por Mauricio Molina em 13/05/14, 09:34 pm, editado 1 vez(es)
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Tag code igual ao do FDF

Mensagem por iPrompt em 10/05/14, 02:29 pm

Olá,

Veja este tópico

http://ajuda.forumeiros.com/t89738-

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Tag code igual ao do FDF

Mensagem por Mauricio Molina em 10/05/14, 03:22 pm

Não é igual a este do FDF

Código:
Este aqui
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm
  • 0

Resolvido Re: Tag code igual ao do FDF

Mensagem por Hancki em 10/05/14, 03:29 pm

Olá!

Use este JS investido nos tópicos:
Código:
jQuery(function () {
    var sCSS = '<style>' + '/***' + '* Syntax Highlighter funtionality for Forumotion!' + '* CSS: .codebox dd.cont_code' + '* (c) http://balupton.github.io' + '* Version: 1.28082013-jq1.9.1' + '* Made by JScript - 2013/12/16' + '*/' + 'code.punbb_block, pre.punbb_block {' + '  background-color: #FAFAFA !important;' + '  border: 1px solid #C9C9C9 !important;' + '  color: #000000;' + '  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;' + '}' + '.punbbtop {' + '  background-color: #FFDEAD !important;' + '  color: #1D3652;' + '  font-size: 10px;' + '  font-weight: bold;' + '  line-height: 100%;' + '  margin-top: 5px;' + '  padding: 2px 1px 2px 3px;' + '}' + '.punbbtop button {' + '  background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;' + '  border: 1px solid #BBBBBB;' + '  border-radius: 3px 3px 3px 3px;' + '  color: #1D3652;' + '  cursor: pointer;' + '  display: inline-block;' + '  font-size: 10px;' + '  padding: 0 6px;' + '  text-decoration: none;' + '}' + '.punbbtop button:hover {' + '  background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;' + '  border-color: #9A9A9A;' + '  color: #3D70A3;' + '}' + '.punbbtop button:active {' + '  position: relative;' + '  top: 1px;' + '}' + 'pre.punbb_block.expand, code.punbb_block.expand {' + '  max-height: 100% !important;' + '}' + '.prettyprint ol.linenums {' + '  padding-left: 15px !important;' + '}' + '</style>';
    document.head.insertAdjacentHTML('beforeEnd', sCSS);
    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 () {
        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 onclick="punbbPopup(this); return false;">Pop-up</button>  </div><pre class="highlight punbb_block">' + sContent + '</pre>');
        codebox.remove()
    });
    jQuery.getScript('http://balupton.github.io/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js', function () {
        jQuery.SyntaxHighlighter.init({
            'wrapLines': false
        })
    })
});
Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Tag code igual ao do FDF

Mensagem por Mauricio Molina em 10/05/14, 03:31 pm

Obrigado!

É possível adicionar a opção de copiar também?

EDIT:

Acabei de introduzir e não esta funcionando as funções!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Tag code igual ao do FDF

Mensagem por Hancki em 10/05/14, 04:18 pm

Tem toda a razão, me desculpe!
Código:
jQuery(function () {
    var sCSS = '<style>' + '/***' + '* Syntax Highlighter funtionality for Forumotion!' + '* CSS: .codebox dd.cont_code' + '* (c) http://balupton.github.io' + '* Version: 1.28082013-jq1.9.1' + '* Made by JScript - 2013/12/16' + '*/' + 'code.punbb_block, pre.punbb_block {' + '  background-color: #FAFAFA !important;' + '  border: 1px solid #C9C9C9 !important;' + '  color: #000000;' + '  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;' + '}' + '.punbbtop {' + '  background-color: #FFDEAD !important;' + '  color: #1D3652;' + '  font-size: 10px;' + '  font-weight: bold;' + '  line-height: 100%;' + '  margin-top: 5px;' + '  padding: 2px 1px 2px 3px;' + '}' + '.punbbtop button {' + '  background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;' + '  border: 1px solid #BBBBBB;' + '  border-radius: 3px 3px 3px 3px;' + '  color: #1D3652;' + '  cursor: pointer;' + '  display: inline-block;' + '  font-size: 10px;' + '  padding: 0 6px;' + '  text-decoration: none;' + '}' + '.punbbtop button:hover {' + '  background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;' + '  border-color: #9A9A9A;' + '  color: #3D70A3;' + '}' + '.punbbtop button:active {' + '  position: relative;' + '  top: 1px;' + '}' + 'pre.punbb_block.expand, code.punbb_block.expand {' + '  max-height: 100% !important;' + '}' + '.prettyprint ol.linenums {' + '  padding-left: 15px !important;' + '}' + '</style>';
    document.head.insertAdjacentHTML('beforeEnd', sCSS);
    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 () {
        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 onclick="punbbPopup(this); return false;">Pop-up</button>  </div><pre class="highlight punbb_block">' + sContent + '</pre>');
        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)
    }
}
Agora funciona!
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Tag code igual ao do FDF

Mensagem por Mauricio Molina em 10/05/14, 05:32 pm

Agora sim, obrigado!

É possível adicionar a opção de copiar?
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Tag code igual ao do FDF

Mensagem por Kyo Panda em 13/05/14, 09:50 am

Adicionado. Feliz

Código:
jQuery(function () {
    var sCSS = '<style>' + '/***' + '* Syntax Highlighter funtionality for Forumotion!' + '* CSS: .codebox dd.cont_code' + '* (c) http://balupton.github.io' + '* Version: 1.28082013-jq1.9.1' + '* Made by JScript - 2013/12/16' + '*/' + 'code.punbb_block, pre.punbb_block {' + '  background-color: #FAFAFA !important;' + '  border: 1px solid #C9C9C9 !important;' + '  color: #000000;' + '  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;' + '}' + '.punbbtop {' + '  background-color: #FFDEAD !important;' + '  color: #1D3652;' + '  font-size: 10px;' + '  font-weight: bold;' + '  line-height: 100%;' + '  margin-top: 5px;' + '  padding: 2px 1px 2px 3px;' + '}' + '.punbbtop button {' + '  background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;' + '  border: 1px solid #BBBBBB;' + '  border-radius: 3px 3px 3px 3px;' + '  color: #1D3652;' + '  cursor: pointer;' + '  display: inline-block;' + '  font-size: 10px;' + '  padding: 0 6px;' + '  text-decoration: none;' + '}' + '.punbbtop button:hover {' + '  background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;' + '  border-color: #9A9A9A;' + '  color: #3D70A3;' + '}' + '.punbbtop button:active {' + '  position: relative;' + '  top: 1px;' + '}' + 'pre.punbb_block.expand, code.punbb_block.expand {' + '  max-height: 100% !important;' + '}' + '.prettyprint ol.linenums {' + '  padding-left: 15px !important;' + '}' + '</style>';
    document.head.insertAdjacentHTML('beforeEnd', sCSS);
    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'));
    });
});
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Tag code igual ao do FDF

Mensagem por Mauricio Molina em 13/05/14, 05:44 pm

Ola...

Não alterou, continua as mesmas funções, expandir, selecionar e pop-up

Até...
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Tag code igual ao do FDF

Mensagem por Kyo Panda em 13/05/14, 07:54 pm

Eu verifiquei no seu fórum e o código não foi atualizado. Verifique se não houve algum erro no momento de salvar, pois:

http://ajuda-punbb.forumeiros.com/t11-ola-mundo

O código é funcional. Feliz
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Tag code igual ao do FDF

Mensagem por Mauricio Molina em 13/05/14, 09:34 pm

Agora funcionou..

Estranho, pois tinha a atualizado, mas tudo bem...

Esta correto agora...

Muito obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum