Красивый вид модального окна (сообщения) в стиле Windows может теперь установить любой желающий на своем веб-ресурсе сайт https://dle9.com предлагает !
1. Все из папки "ajax" закинуть в папку с шаблоном!
2. В файл engine.css (находится в папке ВАШ ШАБЛОН/css/engine.css или ВАШ ШАБЛОН/style/engine.css)
/*---Диалоговые и всплывающие окна jQuery UI---*/.ui-widget-header a{color:#fff}.ui-icon{background-repeat:no-repeat;display:block;overflow:hidden;text-indent: -99999px}.ui-widget{font-family:Tahoma,LucidaSans,sans-serif;font-size:11px;color:#000000}.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:tahoma,sans-serif;font-size:11px}.ui-widget-content{background:#000;background:rgba(0, 0, 0, 0.7);border:0px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.6);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6);-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6);padding:0px 7px 7px 7px}.ui-dialog-content{background:#fff !important;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:0px;padding:4px;box-shadow:0 0 3px #000;-moz-box-shadow:0 0 3px #000;-webkit-box-shadow:0 0 3px #000}.ui-dialog-content input[type="text"], .ui-dialog-content textarea{background:#fff;color:#000000;border:1px solid #DDD;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.ui-widget-header{background:none;border:0px;color:#fff;font-weight:bold;font-size:8pt;font-family:Tahoma,arial;padding:7px 0px 7px 0px !important}.ui-state-error{background:#fef1ec 50% 50% repeat-x;border:1px solid #cd0a0a;color:#cd0a0a}.ui-dialog-titlebar-close{display:block;position:absolute;top:6px;right:0px;width:15px !important;height:15px !important;padding:0px;border:0px;background:url("../images/dialog-close.png") no-repeat center center;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;opacity:0.4}.ui-dialog-titlebar-close:hover{opacity:1.0}.ui-button{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-style:solid;border-width:1px;cursor:pointer;font-size:10px !important;font-weight:bold;overflow:hidden;padding:4px 8px;text-decoration:none;float:right;background:url("../images/highlight_faint.png") repeat-x #323232;border:1px solid #212121;box-shadow:0 1px 3px rgba(0, 0, 0, 0.43);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.43);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.43);color:#FFF;text-shadow:0 -1px 0 #000;margin-left:5px;min-width:80px;text-align:center;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;outline:none !important}.ui-button:hover{color:#fff;background:url("../images/highlight_faint.png") repeat-x #555}.ui-button:active{color:#989898;background:url("../images/highlight_faint.png") repeat-x #242424}.ui-dialog{overflow:hidden;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;position:absolute;width:300px}.ui-dialog .ui-dialog-titlebar{position:relative}.ui-dialog .ui-dialog-content{background:none;border:0;overflow:hidden;position:relative}.ui-dialog .ui-dialog-buttonpane{border:0px;margin:0px;border:0px;padding:7px 0px 0px 0px;float:right;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:none}.ui-dialog .ui-resizable-se{bottom:3px;height:14px;right:3px;width:14px}.ui-widget-overlay{position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.5)}
Комментарии 3