Bem vindo ao fórum
Visite nossa Faq, crie tópicos, seja ativo para participar de nossa comunidade, faça a diferença e não seja um sangue suga, se gostar de um tópico não custa reputar, veja nossas Regras para não se prejudicar.
Redes Sociais
Últimos assuntos
» [TUTORIAL] Barra de compartilhamento nas redes socias
[TUTORIAL] Mensagens de aviso EmptyTer Jan 22, 2013 6:38 am por Admin

» [TUTORIAL] POUP Facebook na Lateral do fórum
[TUTORIAL] Mensagens de aviso EmptyTer Jan 22, 2013 5:54 am por Admin

» [TUTORIAL] Widget Redes Sociais com Efeito Over
[TUTORIAL] Mensagens de aviso EmptySeg Jan 21, 2013 4:58 pm por Admin

» Regras para a Seção Dúvidas Forumeiros
[TUTORIAL] Mensagens de aviso EmptySeg Jan 21, 2013 3:59 pm por Admin

» [TUTORIAL] Mensagens de aviso
[TUTORIAL] Mensagens de aviso EmptySeg Jan 21, 2013 3:37 pm por Admin

» Master Publicitário - O teu fórum de Publicidade !
[TUTORIAL] Mensagens de aviso EmptySeg Jan 21, 2013 3:22 pm por Admin

» Regras da Seção Análises Pro Publicitário
[TUTORIAL] Mensagens de aviso EmptySeg Jan 21, 2013 11:08 am por Admin

» Seção Parcerias - Funcionamento
[TUTORIAL] Mensagens de aviso EmptySeg Jan 21, 2013 9:44 am por Admin

» Regras da Seção Parcerias Pro Publicitário
[TUTORIAL] Mensagens de aviso EmptySeg Jan 21, 2013 9:33 am por Admin

Os membros mais ativos do mês
Nenhum usuário

Parceiros

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

Pro Publicitário » Pro Publicitário - Serviços Gerais » Tutoriais e Dicas Forumeiros » [TUTORIAL] Mensagens de aviso

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

#1[TUTORIAL] Mensagens de aviso Empty [TUTORIAL] Mensagens de aviso Seg Jan 21, 2013 3:37 pm

Admin

Admin
Administrador
Administrador

[TUTORIAL] Mensagens de aviso Sug110
[TUTORIAL] Mensagens de aviso



[TUTORIAL] Mensagens de aviso Jj6Zb4x
[TUTORIAL] Mensagens de aviso TM2cHbV
[TUTORIAL] Mensagens de aviso LPC2AQq
[TUTORIAL] Mensagens de aviso JW5bI8d


--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Mensagens de aviso



1º - Adicionar CSS
[TUTORIAL] Mensagens de aviso JpyxL9K
Código:
    .info, .success, .warning, .error, .mes, .tips {
    margin: 10px 0px;
    padding: 10px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius: 4px 4px 4px;
    }
    .info{
    background-color:#d1e4f3;
    background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/inform10.png");
    color:#00529B;
    border:1px solid #4d8fcb;
    }
    .success{
    background-color:#effeb9;
    background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/accept10.png");
    color:#4F8A10;
    border:1px solid #9ac601;
    }
    .warning{
    background-color:#ffeaa9;
    background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/error10.png");
    color:#9F6000;
    border:1px solid #f9b516;
    }
    .error{
    background-color:#fccac3;
    background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/critic10.png");
    color:#D8000C;
    border:1px solid #db3f23;
    }
    .mes{
    background-color:#F2F2F2;
    background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/mail10.png");
    border:1px solid #AAAAAA;
    color:#545454;
    }
    .tips{
    background-color:#FEEAC9;
    background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/light10.png");
    border:1px solid #D38E49;
    color:#bb640c;
    }


2º - Adicionar Java
Marcar: Todas as Paginas
[TUTORIAL] Mensagens de aviso TgcuNGl
Código:
    jQuery(document).ready(function() {
    jQuery('#text_editor_select_controls #other button:eq(0)').after('<br><button onclick="info();return false" style="color:#4d8fcb"><img src="http://i10.servimg.com/u/f10/17/41/76/40/inform10.png" alt="" width="16" height="16" class="acende" /> INFORMAÇÃO</button>');
    jQuery('#text_editor_select_controls #other button:eq(1)').after('<br><button onclick="success();return false" style="color:#9ac601"><img src="http://i10.servimg.com/u/f10/17/41/76/40/accept10.png" alt="" width="16" height="16" class="acende" /> SUCESSO</button>');
    jQuery('#text_editor_select_controls #other button:eq(2)').after('<br><button onclick="warning();return false" style="color:#f9b516"><img src="http://i10.servimg.com/u/f10/17/41/76/40/error10.png" alt="" width="16" height="16" class="acende" /> ATENÇÃO</button>');
    jQuery('#text_editor_select_controls #other button:eq(3)').after('<br><button onclick="error();return false" style="color:#db3f23"><img src="http://i10.servimg.com/u/f10/17/41/76/40/critic10.png" alt="" width="16" height="16" class="acende" /> ERRO</button>');
    jQuery('#text_editor_select_controls #other button:eq(4)').after('<br><button onclick="mes();return false" style="color:#AAAAAA"><img src="http://i10.servimg.com/u/f10/17/41/76/40/mail10.png" alt="" width="16" height="16" class="acende" /> MENSAGEM</button>');
    jQuery('#text_editor_select_controls #other button:eq(5)').after('<br><button onclick="tips();return false" style="color:#D38E49"><img src="http://i10.servimg.com/u/f10/17/41/76/40/light10.png" alt="" width="16" height="16" class="acende" /> IDÉIA</button>');
    });
    function info(){
    bbfontstyle('<div class="info">Informação: ','</div>');selectWysiwyg(this,'other');return false}
    function success(){
    bbfontstyle('<div class="success">Sucesso: ','</div>');selectWysiwyg(this,'other');return false}
    function warning(){
    bbfontstyle('<div class="warning">Atenção: ','</div>');selectWysiwyg(this,'other');return false}
    function error(){
    bbfontstyle('<div class="error">Erro: ','</div>');selectWysiwyg(this,'other');return false}
    function mes(){
    bbfontstyle('<div class="mes">Mensagem: ','</div>');selectWysiwyg(this,'other');return false}
    function tips(){
    bbfontstyle('<div class="tips">Idéia: ','</div>');selectWysiwyg(this,'other');return false}


3º - Resultado
[TUTORIAL] Mensagens de aviso TKT6WWY
[TUTORIAL] Mensagens de aviso GAbpGNB


4º - Créditos
Desenvolvido por clubteen9x| © clubteen9x
Editado por © Code Azure



© Pro Publicitário


[TUTORIAL] Mensagens de aviso HRCtW0X Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[TUTORIAL] Mensagens de aviso

https://propublicitario.forumeiros.com

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

Pro Publicitário » Pro Publicitário - Serviços Gerais » Tutoriais e Dicas Forumeiros » [TUTORIAL] Mensagens de aviso

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