Efeito Alertas .

Sex Mar 01, 2013 11:10 pm

Não sei se esta no local certo mais acho que sim ... então vamos lá !

Vá para Painel de Controle ~> Visualização ~> Cores ~> Folha de estilo CSS

Cole o Seguinte Código :

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; }

Agora vá para o Painel de Controle ~> Módulos ~> Gestão dos Códigos JavasCript ~> Criar um Novo Javascript

Titulo : Alertas

Investimento : Efeito Alertas . 286592951

Código JavaScript * :

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}

Como Usar :

Clicke em " Outros " ao lado das cores ...

Vai ter ícones escritos ao lado

Informação

Sucesso

Atenção

Erro

Mensagen

Idéia

Clicke no tal que deseja por exemplo o Informação ira dar este código

Código:: <div class="info">Informação: </div>

Voçê Pegue a palavra " Informação : " Apague e escreva oque deseja por exemplo

Código:: <div class="info">Informação !: Voçê possui uma nova Mensagen Privada !</div>

.CASO NÃO ESTEJA FUNCIONANDO VISUALIZE O SPOILER ABAIXO !

Spoiler: