Tag code igual ao do FDF
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Tag code igual ao do FDF
- 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.com | Versão: | PHPBB3 |
Tipo: | Pedido de código | Tags: | igual |
Última edição por Mauricio Molina em 14.05.14 1:34, editado 1 vez(es)
Re: Tag code igual ao do FDF
Olá!
Use este JS investido nos tópicos:
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
})
})
});
Re: Tag code igual ao do FDF
Obrigado!
É possível adicionar a opção de copiar também?
EDIT:
Acabei de introduzir e não esta funcionando as funções!
É possível adicionar a opção de copiar também?
EDIT:
Acabei de introduzir e não esta funcionando as funções!
Re: Tag code igual ao do FDF
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)
}
}
Re: Tag code igual ao do FDF
Adicionado.
- 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'));
});
});
Re: Tag code igual ao do FDF
Ola...
Não alterou, continua as mesmas funções, expandir, selecionar e pop-up
Até...
Não alterou, continua as mesmas funções, expandir, selecionar e pop-up
Até...
Re: Tag code igual ao do FDF
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.
http://ajuda-punbb.forumeiros.com/t11-ola-mundo
O código é funcional.
Re: Tag code igual ao do FDF
Agora funcionou..
Estranho, pois tinha a atualizado, mas tudo bem...
Esta correto agora...
Muito obrigado!
Estranho, pois tinha a atualizado, mas tudo bem...
Esta correto agora...
Muito obrigado!
Tópicos semelhantes
» Tag code do FDF
» Code igual ao forumeiros
» Quero um code,quote e spoiler igual a desse fórum
» Como eu faço igual a imagem em crio categorias mas elas nao ficam igual a imagem qual sera o meu problema?
» Code new, bs
» Code igual ao forumeiros
» Quero um code,quote e spoiler igual a desse fórum
» Como eu faço igual a imagem em crio categorias mas elas nao ficam igual a imagem qual sera o meu problema?
» Code new, bs
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos