Ajax окна как на Kanavas
Красивые и понятные Ajax окна. Такое оформление подойдет для любого сайта, для любой тематики.

Установка


Добавьте следующий код в "Таблицу стилей (CSS)":


Код

.myWinGrid {background: rgba(71, 163, 218, 0.8) !important; opacity: 0.35 !important;}
.xw-mc ::-webkit-scrollbar { width: 8px; height: 8px; }  
  .xw-mc ::-webkit-scrollbar-thumb:vertical { height: 5px;background-color: rgba(0, 0, 0, 0.4); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }  
  .xw-mc ::-webkit-scrollbar-thumb:horizontal { width: 5px; background-color: rgba(0, 0, 0, 0.4); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }  
.xw-mc ::-webkit-scrollbar {width: 8px;height: 8px; }  
.xw-mc ::-webkit-scrollbar-track-piece {display:none; }  
.x-sh, .xw-bl {display:none !important;}  
.xw-ml, .xw-mr {margin:0 !important;padding:0 !important;background:none !important;}  
.xw-mc {color:#333; font-weight: normal; float: none; margin: 0; padding: 8px 8px !important; background: #fff !important; border: 1px solid #fff !important;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}  
.xw-hdr img {display:none;}  
.xw-hdr, .xw-sps .xw-draggable {background: #4285f4!important;padding: 20px !important;border-top-left-radius: 7px;border-top-right-radius: 7px;}
.xw-tl, .xw-tr, .xw-tc, .xw-sps .xw-draggable {background: transparent!important;padding: 0px 0px 0px 0px !important;;}
.xw-mc:after {content: '';display: block;margin-left: -9px;margin-right: -9px;margin-bottom: -10px;margin-top: 15px;background: #f3f3f3;padding: 20px;border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;}
.xw-tc {overflow: visible !important;}  
.xt-close {top: -2px;margin: 0;z-index: 10014 !important;width: 18px !important;height: 18px !important; background: url(http://kanavas.at.ua/img/ajax/close_ajax.png) no-repeat !important;line-height: 20px;}  
.xw-body {border: 0 !important;padding: 0 !important;}  
.xt-maxi {display:none;}  
.xt-mini {display:none;}  
.xt-rest {display:none;}
.xw-resize .xw-tr {cursor: auto !important;}
.xw-hdr-text {color: #fff !important;font-size: 13px!important;}
.xw-blank {display:none !important; }

Всего комментариев: (1)

dogadaevznet
в 15:39, 19 Фев 16
крутяк like
_LOGGED_IN$)?>
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.

Случайные материалы

30 полезных инструментов и ресурсов для дизайнеров
30 полезных инструментов и ресурсов
Кнопка лайк как на Facebook
Кнопка лайк как на Facebook
Dark login form
Dark login form
Прямая ссылка на аватар для uCoz
Прямая ссылка на аватар для uCoz
Прокрутка страницы
Прокрутка страницы
Colors - супер быстрый генератор цветовых схем
Colors - супер быстрый генератор цв