Пользовательские предупреждения

автор **Феникс** Октябрь 3rd 2016, 11:28

В виджет:

Код:: <script type="text/javascript"> jQuery(function(){ jQuery(function(){ jQuery('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="Sucesso"><div unselectable="on" style="background-image:url(https://i.imgur.com/EISZPwN.png)">Sucesso</div></a>').insertBefore('.sceditor-button-size').click(function(){ jQuery('#text_editor_textarea').sceditor("instance").insertText("<table class=sucesso><tr><td>","</td></tr></table>"); }); jQuery('<a class="sceditor-button sceditor-button-alerta" unselectable="on" title="Alerta"><div unselectable="on" style="background-image:url(https://i.imgur.com/lMsD0nE.png)">Alerta</div></a>').insertAfter('.sceditor-button-sucesso').click(function(){ jQuery('#text_editor_textarea').sceditor("instance").insertText("<table class=alerta><tr><td>","</td]><tr></table>"); }); jQuery('<a class="sceditor-button sceditor-button-aviso" unselectable="on" title="Aviso"><div unselectable="on" style="background-image:url(https://i.imgur.com/cI8SnOI.png)">Aviso</div></a>').insertAfter('.sceditor-button-alerta').click(function(){ jQuery('#text_editor_textarea').sceditor("instance").insertText("<table class=aviso><tr><td>","</td]><tr></table>"); }); jQuery('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Informação"><div unselectable="on" style="background-image:url(https://i.imgur.com/40zM1qS.png)">Informação</div></a>').insertAfter('.sceditor-button-aviso').click(function(){ jQuery('#text_editor_textarea').sceditor("instance").insertText("<table class=infos><tr><td>","</td]><tr></table>"); }); }); }); </script>

Обновлён: 30.01.2021

В таблицу CSS:

Код:: .sucesso, .alerta, .aviso, .infos { padding: 8px 8px 8px 40px; width: 99%; text-shadow: 0 1px 0 #FFFAF1; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; font-weight: bold; border-radius: 3px 3px 3px 3px; } .sucesso { background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9; border: 1px solid #9ac601; color: #4F8A10; } .alerta { background: url('http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png') no-repeat 6px #fccac3; border: 1px solid #db3f23; color: #D8000C; } .aviso { background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png') no-repeat 6px #ffeaa9; border: 1px solid #f9b516; color: #9F6000; } .infos { background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3; border: 1px solid #4d8fcb; color: #00529B; }

После установки скрипта и кодов в таблицу, в редакторе добавятся такие кнопочки Пользовательские предупреждения 230lrl

Результат:
Пользовательские предупреждения 0767294001475432836

У меня эти кнопки сделаны, как дополнение к админским предупреждениям. То есть, виджет вижу только я.