Думаю вы уже видели такое Белоснежное 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 | |
| |