Efeito neon

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

Resolvido Efeito neon

Mensagem por Alex Habilidade em 24/03/12, 10:55 pm

Qual é minha questão:
ola fiquei interessado nesse topico, alguem poderia me passar o codigo para phpbb2?
por preferencia queria ele pronto com as cores neon e o botão aparecendo na caixa de mensagem...

Medidas que eu tomei para corrigir o problema:
...

Links e imagens do meu problema:
...

Endereço do meu fórum:


Versão do meu fórum:
PHPBB2
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Efeito neon

Mensagem por Alex Habilidade em 24/03/12, 11:04 pm

avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Efeito neon

Mensagem por Thor ϟ em 24/03/12, 11:48 pm

Olá,

Faça os procedimentos desse tutorial primeiro: Salvamento automático nos tópicos.

Logo depois de fazer o que se pede no tutorial, aplique esse código em sua CSS:

Código:
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}

Logo depois aceda à Painel de Controle :seta2: Módulos :seta2: HTML e JavaScript :seta2: Gestão dos códigos JavaScripts :seta2: Depois carregue-se no botão "Criar um novo javascript".

Investimento: Em todas as páginas
Código:
Código:
jQuery(document).ready(function() {
jQuery('#saveb').after(' <button class="button2" onclick="display();return false"><az><b>Neon</b></az></button><div style="width:100px !important;margin-top:19px;margin-left:32px;visibility:hidden;" class="select" id="neon"><button class="sp" onclick="displayspd();return false">SP-Design</button><br /><button class="az" onclick="displayblue();return false">Neon Azul</button><br /><button class="v" onclick="displayred();return false">Neon Vermelho</button><br /><button class="rx" onclick="displayrx();return false">Neon Roxo</button><br /><button class="am" onclick="displayam();return false">Neon Amarelo</button><br /><button class="c" onclick="displayc();return false">Neon ciano</button><br /><button class="r" onclick="displayr();return false">Neon rosa</button><br /><button class="vr" onclick="displayvr();return false">Neon Verde</button><br /><button class="l" onclick="displayl();return false">Neon laranja</button><br /><button class="m" onclick="displaym();return false">Neon Marrom</button><br /><button class="w" onclick="displayw();return false">Neon branco</button><br /><button class="pr" onclick="displaypr();return false">Neon Preto</button><br /></div> ');
});

Agora crie uma nova página JavaScript para sustentar a página anterior:

Código:
function display(){
selectWysiwyg(this,'neon');return false}
function displayspd(){
bbfontstyle('<sp>','</sp>');selectWysiwyg(this,'neon');return false}
function displayblue(){
bbfontstyle('<az>','</az>');selectWysiwyg(this,'neon');return false}
function displayred(){
bbfontstyle('<v>','</v>');selectWysiwyg(this,'neon');return false}
function displayrx(){
bbfontstyle('<rx>','</rx>');selectWysiwyg(this,'neon');return false}
function displayam(){
bbfontstyle('<am>','</am>');selectWysiwyg(this,'neon');return false}
function displayc(){
bbfontstyle('<c>','</c>');selectWysiwyg(this,'neon');return false}
function displayr(){
bbfontstyle('<r>','</r>');selectWysiwyg(this,'neon');return false}
function displayvr(){
bbfontstyle('<vr>','</vr>');selectWysiwyg(this,'neon');return false}
function displayl(){
bbfontstyle('<l>','</l>');selectWysiwyg(this,'neon');return false}
function displaym(){
bbfontstyle('<m>','</m>');selectWysiwyg(this,'neon');return false}
function displayw(){
bbfontstyle('<w>','</w>');selectWysiwyg(this,'neon');return false}
function displaypr(){
bbfontstyle('<pr>','</pr>');selectWysiwyg(this,'neon');return false}

Confirme e veja se resulta Piscada

Até mais.
avatar

Thor ϟ
Usuário destaque

Masculino
Inscrito dia : 19/06/2011
Mensagens : 617
Pontos Ativos : 1178

Ver perfil do usuário http://thugmta.forumbrasil.net/ https://www.facebook.com/daniel.rodrigues.jp225 https://twitter.com/daniel_absolute

Resolvido Re: Efeito neon

Mensagem por Alex Habilidade em 25/03/12, 03:07 pm

@Thor ϟ escreveu:Olá,

Faça os procedimentos desse tutorial primeiro: Salvamento automático nos tópicos.

Logo depois de fazer o que se pede no tutorial, aplique esse código em sua CSS:

Código:
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}

Logo depois aceda à Painel de Controle :seta2: Módulos :seta2: HTML e JavaScript :seta2: Gestão dos códigos JavaScripts :seta2: Depois carregue-se no botão "Criar um novo javascript".

Investimento: Em todas as páginas
Código:
Código:
jQuery(document).ready(function() {
jQuery('#saveb').after(' <button class="button2" onclick="display();return false"><az><b>Neon</b></az></button><div style="width:100px !important;margin-top:19px;margin-left:32px;visibility:hidden;" class="select" id="neon"><button class="sp" onclick="displayspd();return false">SP-Design</button><br /><button class="az" onclick="displayblue();return false">Neon Azul</button><br /><button class="v" onclick="displayred();return false">Neon Vermelho</button><br /><button class="rx" onclick="displayrx();return false">Neon Roxo</button><br /><button class="am" onclick="displayam();return false">Neon Amarelo</button><br /><button class="c" onclick="displayc();return false">Neon ciano</button><br /><button class="r" onclick="displayr();return false">Neon rosa</button><br /><button class="vr" onclick="displayvr();return false">Neon Verde</button><br /><button class="l" onclick="displayl();return false">Neon laranja</button><br /><button class="m" onclick="displaym();return false">Neon Marrom</button><br /><button class="w" onclick="displayw();return false">Neon branco</button><br /><button class="pr" onclick="displaypr();return false">Neon Preto</button><br /></div> ');
});

Agora crie uma nova página JavaScript para sustentar a página anterior:

Código:
function display(){
selectWysiwyg(this,'neon');return false}
function displayspd(){
bbfontstyle('<sp>','</sp>');selectWysiwyg(this,'neon');return false}
function displayblue(){
bbfontstyle('<az>','</az>');selectWysiwyg(this,'neon');return false}
function displayred(){
bbfontstyle('<v>','</v>');selectWysiwyg(this,'neon');return false}
function displayrx(){
bbfontstyle('<rx>','</rx>');selectWysiwyg(this,'neon');return false}
function displayam(){
bbfontstyle('<am>','</am>');selectWysiwyg(this,'neon');return false}
function displayc(){
bbfontstyle('<c>','</c>');selectWysiwyg(this,'neon');return false}
function displayr(){
bbfontstyle('<r>','</r>');selectWysiwyg(this,'neon');return false}
function displayvr(){
bbfontstyle('<vr>','</vr>');selectWysiwyg(this,'neon');return false}
function displayl(){
bbfontstyle('<l>','</l>');selectWysiwyg(this,'neon');return false}
function displaym(){
bbfontstyle('<m>','</m>');selectWysiwyg(this,'neon');return false}
function displayw(){
bbfontstyle('<w>','</w>');selectWysiwyg(this,'neon');return false}
function displaypr(){
bbfontstyle('<pr>','</pr>');selectWysiwyg(this,'neon');return false}

Confirme e veja se resulta Piscada

Até mais.

Nesse primeiro link que voce me mandou, no tutorial tem um link la para pegar o codigo, mais esta abrindo a pagina inicial do fdf Triste
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Efeito neon

Mensagem por Thor ϟ em 25/03/12, 05:17 pm

Olá,

Não sei o que houve, sendo assim o código do tutorial de salvamento automático nos tópicos é esse:

Painel de controle Seta Módulos Seta HTML e Javascript Seta Gestão dos códigos Javascript
Investimento: Em todas as páginas
Código JavaScript:
Código:
function insertText(a){var c=localStorage.getItem("fasave"+a);if(c===null){$("#savep div[onClick^=insertText("+a+")]").remove()}else{if($("#savep select").val()==1){localStorage.removeItem("fasave"+a),localStorage.removeItem("fasavet"+a),$("#savep div[onClick^=insertText("+a+")]").remove()}else{if($("#savep select").val()==2){var b=localStorage.getItem("fasavet"+a),b=prompt("Título do salvamento :",b?b:"");b!==null&&(b==""?(localStorage.removeItem("fasavet"+a),$("#savep div[onClick^=insertText("+a+")]").text('"'+c.substr(0,30).replace(/</g,"&lt;").replace(/>/g,"&gt;")+(c.length>30?"...":'"'))):(localStorage.setItem("fasavet"+a,b),$("#savep div[onClick^=insertText("+a+")]").text(b)))}else{replaceTxt(c)}}}}function replaceTxt(a){var c=$("#text_editor_textarea");if(c.length){start=c.attr("selectionStart");end=c.attr("selectionEnd");stop=c.attr("scrollTop");sleft=c.attr("scrollLeft");text=c.val();for(var b=[""],e=/^([\s\S]*?)(((\$\$)+)(\$?)|(\$))0([\s\S]*)$/,d;d=a.match(e);){b[b.length-1]+=d[1],d[6]=="$"||d[4]==""?b[b.length]="":b[b.length-1]+=d[3].substr(0,d[3].length/2)+"0",a=d[7]}b[b.length-1]=a;e=text.substring(start,end);a=b[0];d=a.length;for(var f=1;f<b.length;f++){a+=e,a+=b[f]}c.attr({value:text.substr(0,start)+a+text.substr(end),selectionStart:start+d,selectionEnd:b.length>1?end+d:start+d,scrollTop:stop,scrollLeft:sleft})}}function saveExport(){for(var a=localStorage.getItem("fasave-length")===null?0:localStorage.getItem("fasave-length"),c="[",b=0;b<a;b++){var e=localStorage.getItem("fasave"+b);if(e!==null){var d=localStorage.getItem("fasavet"+b);c!="["&&(c+=",");c+=(d===null?"":escape(d)+":")+escape(e)}}c+="]";replaceTxt(c)}function saveImport(){var a=$("#text_editor_textarea").val().substring($("#text_editor_textarea").attr("selectionStart"),$("#text_editor_textarea").attr("selectionEnd")).replace(/\s/g,"");if(/^\[[%/^a-zA-Z0-9\*@_\+\.\/:,-]*\]$/.test(a)){for(var a=a.substr(1,a.length-2).split(","),c=0;c<a.length;c++){var b=a[c].split(":");b.length==2?saveItem(unescape(b[1]),unescape(b[0])):saveItem(unescape(b[0]),"")}}}function saveSelect(){var a=$("#text_editor_textarea");$(a).attr("selectionStart")-$(a).attr("selectionEnd")!=0&&(a=a.val().substring($(a).attr("selectionStart"),$(a).attr("selectionEnd")),saveItem(a,""))}function saveItem(a,c){for(var b=parseInt(localStorage.getItem("fasave-length")===null?0:localStorage.getItem("fasave-length")),e=0;e<b;e++){var d=localStorage.getItem("fasave"+e);d!==null&&d==a&&(localStorage.removeItem("fasavet"+e),$("#savep div[onClick^=insertText("+e+")]").remove(),localStorage.removeItem("fasave"+e))}localStorage.setItem("fasave"+b,a);c!=""&&localStorage.setItem("fasavet"+b,c);localStorage.setItem("fasave-length",b+1);$("#savep select").after('<div class="savedt" onClick="insertText('+b+');return false;">'+(c?c:"&quot;"+a.substr(0,30).replace(/</g,"&lt;").replace(/>/g,"&gt;")+(a.length>30?"...":"&quot;"))+"</div>")}$(function(){$("#text_editor_textarea").length&&window.localStorage&&navigator.appName!="Microsoft Internet Explorer"&&($("#addbbcode16").after(' <span id="savec"><button id="saveb" class="button2" type="button" title="Salvar"><img src="http://i49.servimg.com/u/f49/15/59/73/38/save10.png" alt="Salvar" title="Salvar"></button></span>'),$("#saveb").click(function(a){if(a.shiftKey){$("#saveshift").length||$("#savec").append('<div class="save-bloc" id="saveshift"><div onClick="saveExport()">Exportar</div><div onClick="saveImport()">Importar</div></div>'),$("#savep").hide(300),$("#saveshift").slideToggle(300)}else{if(!$("#savep").length){$("#savec").append('<div class="save-bloc" id="savep"><select><option value="0">Inserir</option><option value="1">Suprimir</option><option value="2">Nomear</option></select><div id="saves" style="display:none"><hr /><span onClick="saveSelect()">Salvar a seleção</span></div></div>');$("#savep").click(function(a){a.stopPropagation()});for(var a=localStorage.getItem("fasave-length")===null?0:localStorage.getItem("fasave-length"),c=0;c<a;c++){var b=localStorage.getItem("fasave"+c);b!==null&&$("#savep select").after('<div class="savedt" onClick="insertText('+c+');return false;">'+(localStorage.getItem("fasavet"+c)===null?"&quot;"+b.substr(0,30).replace(/</g,"&lt;").replace(/>/g,"&gt;")+(b.length>30?"...":"&quot;"):localStorage.getItem("fasavet"+c))+"</div>")}}$("#saveshift").hide(300);$("#savep").slideToggle(300)}}),$("#text_editor_textarea").select(function(){$("#saves").show()}),$("#text_editor_textarea").bind("click keyup keydown",function(){$(this).attr("selectionStart")-$(this).attr("selectionEnd")==0&&$("#saves").hide()}))});

Depois de criar essa página vá em sua CSS e coloque esse código:

Código:
#savec { position:relative; }.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }.save-bloc div:hover { color: #050505!important; }.save-bloc div { cursor: pointer; }.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

Feito isso, faça os procedimentos que indiquei sobre o efeito Neon.

Abraços.
avatar

Thor ϟ
Usuário destaque

Masculino
Inscrito dia : 19/06/2011
Mensagens : 617
Pontos Ativos : 1178

Ver perfil do usuário http://thugmta.forumbrasil.net/ https://www.facebook.com/daniel.rodrigues.jp225 https://twitter.com/daniel_absolute

Resolvido Re: Efeito neon

Mensagem por Alex Habilidade em 25/03/12, 05:31 pm

deu certo obrigado!
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

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