Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil

Evoluindo cada vez mais!


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

1[TUTORIAL] Níveis de alerta Empty [TUTORIAL] Níveis de alerta 08/10/12, 03:57 pm

HenRyqUéè

HenRyqUéè
Administrador
Avaliador
Helper
[TUTORIAL] Níveis de alerta

Olá pessoal, nesse tutorial, irei mostrar a como colocar os níveis de alerta (o título desse tutorial está sobre um alerta) são tres tipos de alerta, e elas se encontram na caixa "OUTROS", onde é criado uma caixa e você pode colocar textos dentro.
CRÉDITOS!
Todos os créditos desse tutorial são de "Cillaz" e "SPDesign"!

1º - Insrindo o codigo css....
Vamos criar o CSS para suportar as funções do botão, vá até:
Painel de controle > Visualização > Imagens e Cores > Cores > Folha de estilos CSS
CLIQUE PARA ABRIR:
Adicione o seguinte código:
Código:
    .alert{border:1px solid;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
    background-repeat:no-repeat;background-position:10px center;background-color:#BDE5F8;
    background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-i10.png')}
    .alert2{border:1px solid;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
    background-repeat:no-repeat;background-position:10px center;background-color:#ffcc00;
    background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-a10.png')}
    .alert3{border:1px solid;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
    background-repeat:no-repeat;background-position:10px center;background-color:#ff5c5c;
    background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/120px-10.png')}
Feito isso, os alertas já estarão funcionando em seu fórum, faltara apenas o botão...

2º - Insrindo o codigo javascript....
Vamos agora aceder a 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"
CLIQUE PARA ABRIR:
Depois insira o seguinte código:
Código:
    jQuery(document).ready(function() {
    jQuery('#text_editor_select_controls #other button:eq(0)').after('<br><button onclick="alert();return false" style="color:blue">Alert!</button>');
    jQuery('#text_editor_select_controls #other button:eq(1)').after('<br><button onclick="alert2();return false" style="color:orange">Alert!</button>');
    jQuery('#text_editor_select_controls #other button:eq(2)').after('<br><button onclick="alert3();return false" style="color:red">Alert!</button>');
    });
    function alert(){
    bbfontstyle('<div class="alert">','</div>');selectWysiwyg(this,'other');return false}
    function alert2(){
    bbfontstyle('<div class="alert2">','</div>');selectWysiwyg(this,'other');return false}
    function alert3(){
    bbfontstyle('<div class="alert3">','</div>');selectWysiwyg(this,'other');return false}
3º - Resultado final:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
__________________________________________________________________________________________________________
RMBR, SPDesign, Cillaz & DexTer

https://rmbr.forumeiros.com/

alissonmario

alissonmario
Iniciante
Quais sao os comandos?
O meu nao apareceu em outros



Última edição por alissonmario em 08/11/12, 04:56 pm, editado 1 vez(es)

RMBR

RMBR
Administrador
Como assim cara?

https://rmbr.forumeiros.com

alissonmario

alissonmario
Iniciante
O meu nao aparece em outros ou em botoes...

HenRyqUéè

HenRyqUéè
Administrador
Avaliador
Helper
Crie um tópico e lhe daremos suporte ;)

https://rmbr.forumeiros.com/

-Naruto

-Naruto
Administrador
Publicitário
Helper
Tutorial Aceito

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos