Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Efeito neon
2 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
Efeito neon
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
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
Re: Efeito neon
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:
Logo depois aceda à Painel de Controle Módulos HTML e JavaScript Gestão dos códigos JavaScripts Depois carregue-se no botão "Criar um novo javascript".
Investimento: Em todas as páginas
Código:
Agora crie uma nova página JavaScript para sustentar a página anterior:
Confirme e veja se resulta
Até mais.
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 Módulos HTML e JavaScript Gestão dos códigos JavaScripts 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
Até mais.
Re: Efeito neon
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 Módulos HTML e JavaScript Gestão dos códigos JavaScripts 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
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
Re: Efeito neon
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 Módulos HTML e Javascript Gestão dos códigos Javascript
Investimento: Em todas as páginas
Código JavaScript:
Depois de criar essa página vá em sua CSS e coloque esse código:
Feito isso, faça os procedimentos que indiquei sobre o efeito Neon.
Abraços.
Não sei o que houve, sendo assim o código do tutorial de salvamento automático nos tópicos é esse:
Painel de controle Módulos HTML e Javascript 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,"<").replace(/>/g,">")+(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:"""+a.substr(0,30).replace(/</g,"<").replace(/>/g,">")+(a.length>30?"...":"""))+"</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?"""+b.substr(0,30).replace(/</g,"<").replace(/>/g,">")+(b.length>30?"...":"""):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://2img.net/i/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.
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