Все для CMS » DataLife Engine » Хаки и модули » Модальное окно AJAX для DLE 9.x

Модальное окно AJAX для DLE 9.x

  • 0
Данный материал предоставлен сайтом All4Cms.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Модальное окно AJAX для DLE 9.x.
Модальное окно AJAX для DLE 9.x

Красивое модальное окно AJAX в темных тонах.

Установка:

В файле engine.css вашего шаблона ищем

/*---Диалоговые и всплывающие окна jQuery UI---*/

и все что ниже заменить на

/*---Диалоговые и всплывающие окна jQuery UI---*/
 ui-helper-clearfix{display:block}.highslide-display-none,.highslide-controls a
span{display:none}#searchsuggestions a:hover span.searchheading,.ui-widget-header
a{color:#fff}
.ui-helper-clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.ui-helper-clearfix{display:inline-block}* html 
.ui-helper-clearfix{height:1%}
.ui-helper-clearfix{display:block}
.ui-icon{background-repeat:no-repeat;display:block;overflow:hidden;text-indent: -99999px}
.ui-widget{font-family:Tahoma,LucidaSans,Arial,sans-serif;font-size:11px}
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget
button{font-family:tahoma,Arial,sans-serif;font-size:11px}
.ui-widget-content{background:#000;background:rgba(0,0,0,0.65);border:0px;color:#222}input.ui-corner-all[type="text"]{background:#fff;border:1px
solid #BABABA;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-box-shadow:0px 0px 1px #ddd inset}
.ui-dialog-content{background:#fff !important;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.ui-widget-header{background:none;border:0px;color:#fff;font-weight:bold;font-size:10pt;font-family:arial;padding:5px
0px 5px 0px !important}
.ui-widget-header
a{color:#fff}
.ui-widget :active{outline:none}
.ui-state-error{background:#fef1ec 50% 50% repeat-x;border:1px
solid #cd0a0a;color:#cd0a0a}
.ui-dialog-titlebar-close,
.ui-dialog-titlebar-close:hover{display:block;position:absolute;top:5px;right:1px;width:16px !important;height:16px !important;padding:0px;border:0px;background:url('../images/close.png') no-repeat}
.ui-button{background:#707070;text-align:center;min-width:80px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8E8E8E', endColorstr='#545454');background: -webkit-gradient(linear, left top, left bottom, from(#8E8E8E), to(#545454));background: -moz-linear-gradient(top,  #8E8E8E,  #545454);border:1px
solid #000;color:#fff;text-shadow:0px -1px 0px #000;padding:5px
15px 5px 15px !important;font-size:8pt;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-box-shadow:0px 0px 1px #fff inset;box-shadow:0px 0px 1px #fff inset;-webkit-box-shadow:0px 0px 1px #fff inset;cursor:pointer}
.ui-button:hover{background:#ff9100;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9100', endColorstr='#ff9100');background: -webkit-gradient(linear, left top, left bottom, from(#017afb), to(#017afb));background: -moz-linear-gradient(top,  #017afb,  #017afb);color:#fff;text-shadow:0px -1px 0px #023061}
.ui-button:active{background:#be3d36;color:#fff;text-shadow:0px 0px 0px #be3d36}button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-dialog{overflow:hidden;padding:0px
7px 7px 7px;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;padding: .5em 1em;position:relative;zoom:1}
.ui-dialog .ui-dialog-buttonpane{background:none;border:0px;margin:0px;padding:0;text-align:left}
.ui-dialog .ui-dialog-buttonpane
button{cursor:pointer;float:right;line-height:1.4em;margin:6px
1px 1px 5px;overflow:visible;padding: .2em .6em .3em .6em;width:auto}
.ui-dialog .ui-resizable-se{bottom:3px;height:14px;right:3px;width:14px}
.ui-draggable 
.ui-dialog-titlebar{cursor:move}

Загрузить картинку из архива в папку "images" вашего шаблона.

ajax_window.rar
MD5: e170cd9404612e71680a7c76d139dd02
Скачано: 400, размер: [2,34 Kb], дата: 13 апрель 2013
(картинка и инструкция)[/quote]


  • Хаки и модули
  • 13-04-2013, 22:34
  • 4 092
Вернуться назад
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.