- Código:
/*Níveis de Alerta*/
.alert{border:2px solid #000;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');
-webkit-border-radius: 8px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius: 8px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-radius: 8px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.alert2{border:2px solid #000;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');
-webkit-border-radius: 8px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius: 8px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-radius: 8px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.alert3{border:2px solid #000;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');
-webkit-border-radius: 8px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius: 8px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-radius: 8px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}
/*---/ Creditos: 2012 Staffer Group BR /---*/
/*---/ http://staffergroupbr.stuning.net /---*/
- 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}
Demonstração
Desenvolvido por Cyllaz | SP-Design
Editado e Postado por 2012 © Staffer Group BR™
Editado e Postado por 2012 © Staffer Group BR™