Últimos assuntos
Top dos mais postadores
Thiago Barbosa | ||||
x_Nyan | ||||
Pablo Xavier | ||||
Dankluck | ||||
IBron | ||||
HostServidor | ||||
@Coper | ||||
Naziista | ||||
Osmar | ||||
Felipe |
Anuncio
1ª Atualização do Fórum
5 participantes
Página 1 de 1
1ª Atualização do Fórum
1º: pacote de atualizações do World Gamers |
Efeito Neon
Tem que ter um básico conhecimento em HTML para pode colocar esses efeitos .
Última edição por Thiago Barbosa em Sáb Abr 14, 2012 4:48 pm, editado 1 vez(es)
Re: 1ª Atualização do Fórum
@Coper- Membro Veterano
- Mensagens : 16
Pontos : 17
Cash : 00
Reputação : 1
Localização : Olhe no Mapa
Re: 1ª Atualização do Fórum
Nem sei mecher nessas coisas D: . Marshh me diz onde eu vou para mecher nos codigos do forum.
x_Nyan- Fundador
- Mensagens : 85
Pontos : 133
Cash : 00
Reputação : 2
Re: 1ª Atualização do Fórum
Botão Neon em todas as versões
Neste tutorial, vamos aprender a implantar uma ferramenta muito interessante, que faz com que você possa adicionar Neon em seus textos, através de um botão super fácil de usar. Para isso siga os passos abaixo atenciosamente.
Tutoriais sobre Programação
Botão Neon em todas as versões
1- Inserindo o código CSS:Vamos criar o CSS para suportar as funções do botão, vá até.
E adicione o seguinte código...
Feito isso, o Neon já estará ativo em seu fórum, faltara apenas o botão...
2- Inserindo o código JavaScript:
Vamos agora aceder à gestão das páginas JavaScript para adicionarmos o nosso código:
Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript".
Título - Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle;
Investimento - Escolha a opção "Em todas as páginas", para que a função não apresente erros na posição da coluna de perfis;
Código JavaScript - Neste campo teremos de inserir o código que esta logo abaixo;
Confirmar- Por fim, após adicionar o código, terá de clicar neste botão para salvar a criação. Se você clicar em um outro botão ou em uma outra seção, as mudanças não serão validadas.
Código a ser utilizado:
3- Inserindo o segundo código JavaScript:
Feito isso, você já terá seu botão onde você deseja, mas ele ainda não estará funcionando.
Crie uma nova pagina javascript, onde você ira hospedar o novo código, siga as etapas acima para a criação da pagina.
Código a ser utilizado:
4- O resultado final:
Créditos :
SP-Design - Pelos Códigos e Tutorial
Neste tutorial, vamos aprender a implantar uma ferramenta muito interessante, que faz com que você possa adicionar Neon em seus textos, através de um botão super fácil de usar. Para isso siga os passos abaixo atenciosamente.
Tutoriais sobre Programação
Botão Neon em todas as versões
1- Inserindo o código CSS:Vamos criar o CSS para suportar as funções do botão, vá até.
E adicione o seguinte código...
- 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;}
#pun-qpost #text_editor_controls{position:relative !important}
Feito isso, o Neon já estará ativo em seu fórum, faltara apenas o botão...
2- Inserindo o código JavaScript:
Vamos agora aceder à gestão das páginas JavaScript para adicionarmos o nosso código:
Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript".
Título - Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle;
Investimento - Escolha a opção "Em todas as páginas", para que a função não apresente erros na posição da coluna de perfis;
Código JavaScript - Neste campo teremos de inserir o código que esta logo abaixo;
Confirmar- Por fim, após adicionar o código, terá de clicar neste botão para salvar a criação. Se você clicar em um outro botão ou em uma outra seção, as mudanças não serão validadas.
Código a ser utilizado:
- Código:
jQuery(document).ready(function() {
jQuery('#text_editor_controls button:eq(8)').after(' <button class="button2" onclick="display();return false"><az><b>Neon</b></az></button><div style="width:100px !important;margin-top:21px;margin-left:290px;visibility:hidden;" class="select" id="neon"><button class="sp" onclick="displayspd();return false">WebPixel</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> ');
});
3- Inserindo o segundo código JavaScript:
Feito isso, você já terá seu botão onde você deseja, mas ele ainda não estará funcionando.
Crie uma nova pagina javascript, onde você ira hospedar o novo código, siga as etapas acima para a criação da pagina.
Código a ser utilizado:
- 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}
4- O resultado final:
Créditos :
SP-Design - Pelos Códigos e Tutorial
@Coper- Membro Veterano
- Mensagens : 16
Pontos : 17
Cash : 00
Reputação : 1
Localização : Olhe no Mapa
Re: 1ª Atualização do Fórum
e.e o Botão ta aparecendo , só que quando clica nele aparece os textos la em cima da pagina . perto do logo .
Re: 1ª Atualização do Fórum
- 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;}
#textarea_content textarea#text_editor_textarea {position:relative !important}
@Coper- Membro Veterano
- Mensagens : 16
Pontos : 17
Cash : 00
Reputação : 1
Localização : Olhe no Mapa
Re: 1ª Atualização do Fórum
e.e @Coper , acho que o problema é no botão .. os codigos tão pegando , vou confiar em você e deixa n painel para vocÊ ver o problema .
Re: 1ª Atualização do Fórum
Olá não sera Possível em seu Fórum Desculpa pode tirar cargo
@Coper- Membro Veterano
- Mensagens : 16
Pontos : 17
Cash : 00
Reputação : 1
Localização : Olhe no Mapa
Re: 1ª Atualização do Fórum
Pablo Xavier- Membro "Cinquentão"
- Mensagens : 85
Pontos : 133
Cash : 00
Reputação : 0
Re: 1ª Atualização do Fórum
Dankluck- Membro "Cinquentão"
- Mensagens : 68
Pontos : 76
Cash : 00
Reputação : 0
Localização : Brasil, Rio Gra
Re: 1ª Atualização do Fórum
Pablo Xavier- Membro "Cinquentão"
- Mensagens : 85
Pontos : 133
Cash : 00
Reputação : 0
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Qua Fev 18, 2015 4:18 pm por rEdX
» ./ Hacked By rEd X
Qua Fev 18, 2015 4:14 pm por rEdX
» Fight MC Rebirth 1.6.2
Ter Jul 09, 2013 9:01 pm por Louis_R
» Trix Project v7
Sáb Jan 12, 2013 11:54 am por Habox
» WWE Falso ou Verdadeiro? Texto feito pelo blog BLW
Sáb Dez 29, 2012 6:46 pm por x_Nyan
» Red Dead Redemption
Sáb Dez 29, 2012 9:55 am por x_Nyan
» [Narração]1# A igreja da discórdia
Sáb Dez 29, 2012 9:47 am por x_Nyan
» Regras e Punições
Seg Dez 24, 2012 4:38 pm por x_Nyan
» Fórum voltando a ativa!
Seg Dez 24, 2012 4:33 pm por x_Nyan