Colocar aviso nas respostas rápidas
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Colocar aviso nas respostas rápidas
Qual é minha questão:
Como colocar isso na função resposta rápida ?
http://prntscr.com/2ykdm6
http://prntscr.com/2yke3j
http://prntscr.com/2ykek8
Aviso, alerta,etc eu vi isso em www.suportedesign.forumeiros.com e bestskin.com (os dois é da forumeiros)
Quero o codigo para PUNBB, mas se tiver para PHBB3 também, me passem os dois por gentileza.
Endereço do meu fórum:
http://programasparapc.forumeiros.com
Versão do fórum:
PHPBB3
Como colocar isso na função resposta rápida ?
http://prntscr.com/2ykdm6
http://prntscr.com/2yke3j
http://prntscr.com/2ykek8
Aviso, alerta,etc eu vi isso em www.suportedesign.forumeiros.com e bestskin.com (os dois é da forumeiros)
Quero o codigo para PUNBB, mas se tiver para PHBB3 também, me passem os dois por gentileza.
Endereço do meu fórum:
http://programasparapc.forumeiros.com
Versão do fórum:
PHPBB3
Última edição por HilterHP em 08.03.14 18:16, editado 1 vez(es)
Re: Colocar aviso nas respostas rápidas
Olá!
Queira adicionar este JS para "Nos tópicos":
Shek
Queira adicionar este JS para "Nos tópicos":
- 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('[quadrado='+title+'] '+note+' [/quadrado]')});$(".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("","")})});
Shek
Re: Colocar aviso nas respostas rápidas
Olá sheck, este código e para PUNBB ou PHBB3 ? por que eu pedi para os dois
Re: Colocar aviso nas respostas rápidas
Desculpe-me, mas você pelo menos testou o código ? Funciona ?
Re: Colocar aviso nas respostas rápidas
Reveja seus Scripts, pois em PHPBB3 funciona sem qualquer erro:
Em respostas rápidas:
Atenciosamente,
Shek
Em respostas rápidas:
Atenciosamente,
Shek
Re: Colocar aviso nas respostas rápidas
Não foi -'
eu olhei como ficou no inspecionar elemento e ficou assim:
http://prntscr.com/2z0tg4
e no outro fórum que tem isso ficou <div class="aviso">
http://prntscr.com/2z0tq3
eu olhei como ficou no inspecionar elemento e ficou assim:
http://prntscr.com/2z0tg4
e no outro fórum que tem isso ficou <div class="aviso">
http://prntscr.com/2z0tq3
Re: Colocar aviso nas respostas rápidas
Olá HilterHP,
acrescente mais esse js
e põe isso no seu css
http://prntscr.com/2z1cjk
deixei compatível para phpbb3
acrescente mais esse js
- 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=$('.postbody .content, .a3d_1 .a3d_1_content');for(var i=0,e;(e=p[i++]);){var text=e.innerHTML;text=MBB.parse(text);e.innerHTML=text}});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}});
e põe isso no seu css
- Código:
.aviso,.infos,.sucesso{-moz-border-radius:6px;-moz-box-shadow:1px 1px 2px rgba(0,0,0,.4);-webkit-border-radius:6px;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.4);background:url(http://img638.imageshack.us/img638/4026/noticebg.png) repeat-x 0 0;border-radius:6px;box-shadow:1px 1px 2px rgba(0,0,0,.4);font-size:13px;font-style:normal;font-weight:400;left:34px;margin:15px 15px 2.5em;padding:13px 15px 0;position:relative;width:83%}.alerta h5,.aviso h5,.infos h5,.sucesso h5{font-size:14px;font-weight:700;margin-bottom:.65em}.alerta p,.aviso p,.infos p,.sucesso p{margin-bottom:1.3em}.infos{background-color:#C6D8F0;border:1px solid #4381CD;color:#285797}.sucesso{background-color:#EEF4D4;border:1px solid #8FAD3D;color:#596C26}.aviso{background-color:#FFEA97;border:1px solid #E1B500;color:#796100}.alerta{background-color:#EFCEC9;border:1px solid #AE3F2F;color:#933628}.alerta span,.aviso span,.infos span,.sucesso span{background:url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 100% 0;height:40px;left:-34px;position:absolute;top:9px;width:33px}.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{-moz-border-radius:6px;-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15);-webkit-border-radius:6px;background:#fff url(http://i50.tinypic.com/2uqsx.png) repeat-x bottom;border:1px solid #c5c5c5;font-style:normal;font-weight:400;padding:10px;width:100%}.hideTB{background-color:#f3e3e6;border:1px solid #e599aa;color:#80001c;display:block;font-size:12px;margin:5px;padding:10px}.guest{background-color:#F3E3E6;border:1px solid #E599AA;color:#80001C;display:block;font-size:11px;margin:15px;padding:10px}.main-content.standalone .button{background-color:#FAFAFA;background-image:url(http://2img.net/i/fa/prosilver/bg_button.gif);background-position:top;background-repeat:repeat-x;border:1px solid #BCBCBC;border-radius:3px;color:#000;font-family:Verdana,Trebuchet MS,Helvetica,sans-serif;font-size:.9em;margin:0 .25em;overflow:visible;padding:5px;vertical-align:middle;width:auto!important}.alerta,.aviso,.info,.sucess{-moz-border-radius:6px;-moz-box-shadow:1px 1px 2px rgba(0,0,0,.4);-webkit-border-radius:6px;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.4);background:url(http://img638.imageshack.us/img638/4026/noticebg.png) repeat-x 0 0;border-radius:6px;box-shadow:1px 1px 2px rgba(0,0,0,.4);font-size:13px;font-style:normal;font-weight:400;left:34px;margin:15px 15px 2.5em;padding:13px 15px 0;position:relative;width:83%}.info{background-color:#C6D8F0;border:1px solid #4381CD;color:#285797}.sucess{background-color:#EEF4D4;border:1px solid #8FAD3D;color:#596C26}.i-alerta,.i-aviso,.i-info,.i-sucess{background:url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 100% 0;height:40px;left:-34px;position:absolute;top:9px;width:33px}.i-alerta{background-position:100% -400px}.i-sucess{background-position:100% 0}.i-info{background-position:100% -1200px}.i-aviso{background-position:100% -800px}input#option,textarea#content{-moz-border-radius:2px;-webkit-border-radius:2px;background:#FCFCFC;border:1px solid #AAA;border-radius:2px;font-family:"Helveticae Neue", Helvetica, Trebuchet MS, sans-serif;padding:4px}
http://prntscr.com/2z1cjk
deixei compatível para phpbb3
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos