Белоснежное Ajax окно для uCoz
Думаю вы уже видели такое Белоснежное Ajax окно для uCoz, которое совершенно не похоже не на одно из такой гаммы. Сделано так, что по всем сторонам идет как обвод и сам центр, где и будет находиться функционал, немного выпуклый, что смотрится в оригинальном отображение. Для вас друзья решил выложить Светлое Ajax которое работает полностью без ошибок. Эти стиль подходит больше под светлый дизайн сайта. Для установки Ajax окна скачайте архив с сайта и загрузите на ваш сайт в файловый менеджер папку img, затем скопируйте код ниже и вставьте в самый низ стилей вашего сайта. Так будет на светлом фоне: Первое: Вы можете скачать его и установить с папкой, с названием которое приписано выше. Сами стили находятся и вся установка. И второе: Просто копируем и ставим в CSS: Код /*---ajax---*/ .myWinGrid {opacity: .65 !important;filter: alpha(opacity=65) !important;} div[id^=_uwndWnd] { border-radius: 15px; background-color: #fff; box-shadow: 0 2px #ccc, inset 0 0 3px rgba(255,255,255,.28); border: solid 1px #ccc; background-image: -webkit-linear-gradient(bottom, #e3e3e3, #fff); background-image: -moz-linear-gradient(bottom, #e3e3e3, #fff); background-image: -o-linear-gradient(bottom, #e3e3e3, #fff); background-image: -ms-linear-gradient(bottom, #e3e3e3, #fff); background-image: linear-gradient(to top, #e3e3e3, #fff); } div[id^=_uwndTop] .x-sh {display: none !important;} div[id^=_uwndTop] .xw-tl, div[id^=_uwndTop] .xw-tr, div[id^=_uwndTop] .xw-tc {background: none !important;} div[id^=_uwndTop] .xw-ml, div[id^=_uwndTop] .xw-mr, div[id^=_uwndTop] .xw-mc {background: none !important;} div[id^=_uwndTop] .xw-mc {border: 1px solid #dedede !important;background: #f4f4f4 !important;box-shadow: inset 0 0 3px #fff;border-radius: 10px;} div[id^=_uwndTop] .xw-tl {margin: 5px 5px 0 5px !important;} div[id^=_uwndTop] .xw-ml {margin: 0 5px !important;} div[id^=_uwndTop] .xw-bl {margin: 0 5px 5px 5px !important;} div[id^=_uwndTop] .xw-body {border: 0 !important;} div[id^=_uwndTop] .xw-bl, div[id^=_uwndTop] .xw-br, div[id^=_uwndTop] .xw-bc {background: none !important;} div[id^=_uwndTop] .xw-hdr-text { font-size: 12px !importamt; color: #2c8cb6 !important; text-transform: uppercase; padding-left: 10px; } div[id^=_uwndTop] .xt-close, div[id^=_uwndTop] .xt-maxi, div[id^=_uwndTop] .xt-mini {margin-top: 2px !important;width: 17px !important;height: 17px !important;} div[id^=_uwndTop] .xt-close {background: url(http://zornet.ru/Ajaxoskrip/Fyrkes/close.png) !important;} div[id^=_uwndTop] .xt-maxi {background: url(http://zornet.ru/Ajaxoskrip/Fyrkes/max.png) !important;} div[id^=_uwndTop] .xt-mini {background: url(http://zornet.ru/Ajaxoskrip/Fyrkes/min.png) !important;} div[id^=_uwndTop] .myWinCont { color: #3a3a3a !important; } .xw-blank {border-radius: 0 0 15px 15px;} /*---ajax---*/ Темная гама выбрана, чтоб можно было посмотреть как на ней окно будет смотреться. |
Поделиться в социальных сетях
Материал разместил
Комментарии: 7 | |
| |