Adiconar botoes no bbcode que gera imagem de topico resolvido !

Membro desde : 08/02/2014

Qual é minha questão:
Olá , eu gostaria de saber como eu adiciono 3 botoes novos no meu bbcode que gera isso [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] e tb alguns outras cores que os moderadores e owners daqui coolocam . desde ja agradeço.

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Membro desde : 07/02/2014

CSS:

Código:: /* Action Notice ---------------------------------------- */ .sucesso, .infos, .aviso, .alerta { background: url(http://img638.imageshack.us/img638/4026/noticebg.png) repeat-x 0 0; width: 83%; font-weight: normal; font-style: normal; font-size: 13px; margin: 15px; padding: 13px 15px 0; margin-bottom: 2.5em; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4); box-shadow: 1px 1px 2px rgba(0, 0, 0, .4); position: relative; left: 34px; } .sucesso h5, .infos h5, .aviso h5, .alerta h5 { font-size: 14px; font-weight: bold; margin-bottom: .65em; } .sucesso p, .infos p, .aviso p, .alerta p { margin-bottom: 1.3em; } .infos { background-color: #C6D8F0; color: #285797; border: 1px solid #4381CD; } .sucesso { background-color: #EEF4D4; color: #596C26; border: 1px solid #8FAD3D; } .aviso { background-color: #FFEA97; color: #796100; border: 1px solid #E1B500; } .alerta { background-color: #EFCEC9; color: #933628; border: 1px solid #AE3F2F; } .sucesso span, .infos span, .aviso span, .alerta span { background: url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 100% 0; width: 33px; height: 40px; position: absolute; left: -34px; top: 9px; } .alerta span { background-position: 100% -400px; } .sucesso span { background-position: 100% 0; } .infos span { background-position: 100% -1200px; } .aviso span { background-position: 100% -800px; } .quadrado_box { background: #FFF url(http://i50.tinypic.com/2uqsx.png) repeat-x bottom; padding: 10px; border: 1px solid #c5c5c5; -webkit-border-radius: 6px; -moz-border-radius: 6px; -moz-box-shadow: inset 0px 2px 4px rgba(0,0,0,0.15); font-style: normal; font-weight: normal; width: 95%; } .hideTB { margin: 5px; background-color: #f3e3e6; display: block; padding: 10px; border: 1px solid #e599aa; font-size: 12px; color: #80001c; } .guest { background-color: #F3E3E6; border: 1px solid #E599AA; color: #80001C; padding: 10px; display: block; margin: 15px; font-size: 11px; }

JS 1:

Titulo: À escolha.
Aplicação: Em todas as páginas.

Código:: (function(){var f={bbcodes:{},basics:[],attrReg:/.*?=("|'|)(.*?)\1\]/,parseTag:function(a,b,d){return a.replace(d?RegExp("(\\["+b.tag+"[^\\]]*\\])((?:.|\\r?\\n)*?)\\[/"+b.tag+"]","g"+(b.insensitive?"i":"")):RegExp("\\["+b.tag+"[^\\]]*\\]","g"+(b.insensitive?"i":"")),function(a,c,e){d||(c=a);c=f.attrReg.test(c)?c.replace(f.attrReg,"$2"):b.defaultAttr;if(b.validate&&!(d?b.validate(e,c):b.validate(c)))return a;b.replace&&(a=d?b.replace(e,c):b.replace(c),"string"===typeof a?d?e=a:c=a:a&&"object"===typeof a&&(e=a.content||e,c=a.attr||c));return f.swapReplacers(b.replacement,e,c)})},swapReplacers:function(a,b,d){return(a||"").replace(/{CONTENT}/g,b||"").replace(/{ATTR}/g,d||"")},parse:function(a){for(var b=f.bbcodes,d=f.basics,g=0,c;c=d[g++];){var e=c[0];if("string"===typeof e)for(;-1!==a.indexOf(e);)a=a.replace(e,c[1]);else a=a.replace(e,c[1])}for(var h in b)(d=b[h])&&(d.replacement&&d.tag)&&(a=f.parseTag(a,d,d.close));return a},add:function(a,b){if(!/^\w+$/.test(a))throw new Exception("MBB Tag invalida: "+a);b.tag||(b.tag=a);"close"in b||(b.close=!1);f.bbcodes[a]=b},addSwap:function(a,b){f.basics.push([a,b])}};window.MBB=f})(); $(function(){ var p = $('.post .entry-content , .a3d_1 .a3d_1_content'); //pega as postagens for(var i = 0, e; (e = p[ i++ ]); ) { var text = e.innerHTML; //pega o texto que queremos analisar. (o innerHTML de mensagens) text = MBB.parse(text); //dar a MBB para analisar. e.innerHTML = text; //re-inserir o texto analisado } }); MBB.add('offtopic', { close: true, replacement: '<div style="padding: 3px; float: right; border: 1px solid; font-size: 0.8em">Off Topic: {CONTENT}</div>' }); MBB.add('sucesso', { close : true, replacement : '<div class="sucesso"><h5>{ATTR}</h5><p>{CONTENT}</p><span></span></div>' }); MBB.add('aviso', { close : true, replacement : '<div class="aviso"><h5>{ATTR}</h5><p>{CONTENT}</p><span></span></div>' }); MBB.add('infos', { close : true, replacement : '<div class="infos"><h5>{ATTR}</h5><p>{CONTENT}</p><span></span></div>' }); MBB.add('alerta', { close : true, replacement : '<div class="alerta"><h5>{ATTR}</h5><p>{CONTENT}</p><span></span></div>' }); MBB.add('quadrado', { close : true, replacement : '<div class="quadrado_box"><strong>{ATTR}</strong><br><img src="http://i50.tinypic.com/2lxicrn.png" title="XXXXXX" /><br>{CONTENT}</div>' }); MBB.add('guest', { close : true, replacement : '<span class="guest">{CONTENT}</span>', replace : function(content) { if(!document.getElementById('logout')) return 'Você vai ser capaz de ver o conteúdo assim que efetuar o seu registro no fórum. '; return content; } });

JS 2:

Titulo: À escolha.
Aplicação: Em todas as páginas.

Código:: $(document).on('ready', function () { $(".sceditor-container").append('<div class="sceditor-dropdown sceditor-quadrado" style="display:none;margin-top: 27px;"><div><label for="quadradotext" style="text-align:left;" >Texto : </label><input type="text" id="quadradotext" style = "float:left" placeholder="Insira seu título aqui..."> <label for="quadradonote" style="text-align:left;">Nota : </label><input type="text" id="quadradonote" style = "float:left" placeholder="Insira seu texto aqui..."><input type="button" style = "margin-top: 15px;"class="button" value="insert"></div></div>'); $('<a class="sceditor-button bbcode-sucesso" title="Quadrado"><div style="background-image:url(http://i.imgur.com/Q2pKUiL.png)">Quadrado</div></a>').insertBefore('.sceditor-button-quote').click(function () { var f = $(".sceditor-quadrado").css("display"); if(f =='none') {$(".sceditor-quadrado").css({"left": $(this).position().left , "top": $(this).position().top, }).show(); } else {$(".sceditor-quadrado").hide(); } }); $(".sceditor-quadrado .button").click(function () { var title = $(".sceditor-quadrado #quadradotext").val(); var note = $(".sceditor-quadrado #quadradonote").val(); $('#text_editor_textarea').sceditor("instance").insert(' +title+ XXXXXX '+note+' '); }); $(".sceditor-container").append('<div class="sceditor-dropdown sceditor-sucesso" style="display:none;margin-top: 27px;"><div><label for="sucessotext" style="text-align:left;" >Texto : </label><input type="text" id="sucessotext" style = "float:left" placeholder="Insira seu título aqui..."> <label for="sucessonote" style="text-align:left;">Nota : </label><input type="text" id="sucessonote" style = "float:left" placeholder="Insira seu texto aqui..."><input type="button" style = "margin-top: 15px;"class="button" value="insert"></div></div>'); $('<a class="sceditor-button bbcode-sucesso" title="Sucesso"><div style="background-image:url(http://i.imgur.com/EISZPwN.png)">Sucesso</div></a>').insertBefore('.sceditor-button-size').click(function () { var f = $(".sceditor-sucesso").css("display"); if(f =='none') {$(".sceditor-sucesso").css({"left": $(this).position().left , "top": $(this).position().top, }).show(); } else {$(".sceditor-sucesso").hide(); } }); $(".sceditor-sucesso .button").click(function () { var title = $(".sceditor-sucesso #sucessotext").val(); var note = $(".sceditor-sucesso #sucessonote").val(); $('#text_editor_textarea').sceditor("instance").insert(' [sucesso='+title+'] '+note+' [/sucesso] '); }); $(".sceditor-container").append('<div class="sceditor-dropdown sceditor-alerta" style="display:none;margin-top: 27px;"><div><label for="alertatext" style="text-align:left;" >Texto : </label><input type="text" id="alertatext" style = "float:left" placeholder="Insira seu título aqui..."> <label for="alertanote" style="text-align:left;">Nota : </label><input type="text" id="alertanote" style = "float:left" placeholder="Insira seu texto aqui..."><input type="button" style = "margin-top: 15px;"class="button" value="insert"></div></div>'); $('<a class="sceditor-button bbcode-alerta" title="Alerta"><div style="background-image:url(http://i.imgur.com/lMsD0nE.png)">Alerta</div></a>').insertBefore('.sceditor-button-size').click(function () { var f = $(".sceditor-alerta").css("display"); if(f =='none') {$(".sceditor-alerta").css({"left": $(this).position().left , "top": $(this).position().top, }).show(); } else {$(".sceditor-alerta").hide(); } }); $(".sceditor-alerta .button").click(function () { var title = $(".sceditor-alerta #alertatext").val(); var note = $(".sceditor-alerta #alertanote").val(); $('#text_editor_textarea').sceditor("instance").insert(' [alerta='+title+'] '+note+' [/alerta] '); }); $(".sceditor-container").append('<div class="sceditor-dropdown sceditor-aviso" style="display:none;margin-top: 27px;"><div><label for="avisotext" style="text-align:left;" >Texto : </label><input type="text" id="avisotext" style = "float:left" placeholder="Insira seu título aqui..."> <label for="avisonote" style="text-align:left;">Nota : </label><input type="text" id="avisonote" style = "float:left" placeholder="Insira seu texto aqui..."><input type="button" style = "margin-top: 15px;"class="button" value="insert"></div></div>'); $('<a class="sceditor-button bbcode-aviso" title="Aviso"><div style="background-image:url(http://i.imgur.com/cI8SnOI.png)">Aviso</div></a>').insertBefore('.sceditor-button-size').click(function () { var f = $(".sceditor-aviso").css("display"); if(f =='none') {$(".sceditor-aviso").css({"left": $(this).position().left , "top": $(this).position().top, }).show(); } else {$(".sceditor-aviso").hide(); } }); $(".sceditor-aviso .button").click(function () { var title = $(".sceditor-aviso #avisotext").val(); var note = $(".sceditor-aviso #avisonote").val(); $('#text_editor_textarea').sceditor("instance").insert(' [aviso='+title+'] '+note+' [/aviso] '); }); $(".sceditor-container").append('<div class="sceditor-dropdown sceditor-infos" style="display:none;margin-top: 27px;"><div><label for="infostext" style="text-align:left;" >Texto : </label><input type="text" id="infostext" style = "float:left" placeholder="Insira seu título aqui..."> <label for="infosnote" style="text-align:left;">Nota : </label><input type="text" id="infosnote" style = "float:left" placeholder="Insira seu texto aqui..."><input type="button" style = "margin-top: 15px;"class="button" value="insert"></div></div>'); $('<a class="sceditor-button bbcode-quadrado" title="Informação"><div style="background-image:url(http://i.imgur.com/40zM1qS.png)">Informação</div></a>').insertBefore('.sceditor-button-size').click(function () { var f = $(".sceditor-infos").css("display"); if(f =='none') {$(".sceditor-infos").css({"left": $(this).position().left , "top": $(this).position().top, }).show(); } else {$(".sceditor-infos").hide(); } }); $(".sceditor-infos .button").click(function () { var title = $(".sceditor-infos #infostext").val(); var note = $(".sceditor-infos #infosnote").val(); $('#text_editor_textarea').sceditor("instance").insert(' [infos='+title+'] '+note+' [/infos] '); }); $('<a class="sceditor-button sceditor-button-guest" unselectable="on" title="Esconder de visitantes"><div unselectable="on" style="background-image:url(http://i33.servimg.com/u/f33/18/07/42/17/hide11.png)">Visitantes</div></a>').insertBefore('.sceditor-button-quote').click(function(){ $('#text_editor_textarea').sceditor("instance").insertText(" "," "); }); });

ATENÇÃO: Antes de toda e qualquer alteração faça o devido backup.

Boa sorte! xD

Membro desde : 10/02/2014

Da próxima vez use nosso sistema de buscas:

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Até mais! Wink

Membro desde : 08/02/2014

esqueci de mencionar uma coisa ja olhei todos os topicos sobre isso e nenhum deu serto no meu forum ! pf me ajude !

Membro desde : 10/02/2014

Creio que já sei qual e o problema. Poderia me dar painel em seu fórum para que eu possa fazer as alterações necessárias?

Até mais! Wink

Membro desde : 07/02/2014

Se o problema for o

Código:: +title+'+note+'

o meu JS já está atualizado para os quatro comandos de Aviso, Sucesso, Alerta e Infos.

Membro desde : 08/02/2014

darknes ja vou te dar painel mais vc ja se registrou ?
e docbill quais sao os comandos e como eu coloco eles ?

Membro desde : 08/02/2014

darknes ja te dei painel agora pode fazer as alteraçoes !

Membro desde : 07/02/2014

Depois que os códigos forem adicionados, basta clicar no ícone referente no campo de post.

Imagem:

Membro desde : 08/02/2014

aki não apareceu eses icones vou agurdar o dark configurar meu forum pra ver !

Boas-vindas ao Power-Pixel.net

Boas-vindas ao Power Pixel

Adiconar botoes no bbcode que gera imagem de topico resolvido !

Adiconar botoes no bbcode que gera imagem de topico resolvido ! Dom 23 Fev 2014 - 20:11

Re: Adiconar botoes no bbcode que gera imagem de topico resolvido ! Dom 23 Fev 2014 - 20:48

Re: Adiconar botoes no bbcode que gera imagem de topico resolvido ! Dom 23 Fev 2014 - 20:50

Re: Adiconar botoes no bbcode que gera imagem de topico resolvido ! Dom 23 Fev 2014 - 20:54

Re: Adiconar botoes no bbcode que gera imagem de topico resolvido ! Dom 23 Fev 2014 - 20:55

Re: Adiconar botoes no bbcode que gera imagem de topico resolvido ! Dom 23 Fev 2014 - 21:02

Re: Adiconar botoes no bbcode que gera imagem de topico resolvido ! Dom 23 Fev 2014 - 21:08

Re: Adiconar botoes no bbcode que gera imagem de topico resolvido ! Dom 23 Fev 2014 - 21:10

Re: Adiconar botoes no bbcode que gera imagem de topico resolvido ! Dom 23 Fev 2014 - 21:26

Re: Adiconar botoes no bbcode que gera imagem de topico resolvido ! Dom 23 Fev 2014 - 21:34

Re: Adiconar botoes no bbcode que gera imagem de topico resolvido !

Power-Pixel.net