Белые Ajax окна для uCoz
Хотите заменить стандартные Ajax окна на uCoz? Мы предлагаем Вам наиболее простой и чистый вариант.В этом варианте окна используется всего одно изображение – изображение кнопки закрыть. Такое оформление подойдет для любого сайта, для любой тематики. На сайте с белым фоном такой вид окна будет выглядеть даже незаметно.

Установка

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

Код
.myWinCont input[type=text], .myWinCont input[type=password] {background:#fff!important;border:1px solid #ececec!important;font-size:11px!important;font-family:tahoma!important;color:#535353!important;border-radius:2px!important;padding:5px 8px!important;outline:none!important;box-shadow:none!important;}
.myWinCont textarea {box-shadow:none!important;}
.x-sh .xstl{padding-top:6px; background:none!important;}
.x-sh .xsml{background:none!important;}
.x-sh .xstr{padding-top:6px; background:none!important;}
.x-sh .xsmr{background:none!important;}
.x-sh .xsbl{padding-left:6px;background:none!important;}
.x-sh .xsbc{background:none!important;}
.x-sh .xsbr{padding-right:6px;background:none!important;}
.xt {background:none!important; margin-left:5px!important; margin-top:1px!important; width:25px!important; height:20px!important;}
.xt-close{background:url('http://yraaa.ru/_pu/21/12848835.png') no-repeat!important; margin:1px 0 0 0px!important;}
.xt-close-over{background:url('http://yraaa.ru/_pu/21/12848835.png') no-repeat!important;}
.xt-mini{background-position:0 -15px!important;}
.xt-mini-over{background-position:-15px -15px!important;}
.xt-maxi{background-position:0 -30px!important;}
.xt-maxi-over{background-position:-15px -30px!important;}
.xt-rest{background-position:0 -45px!important;}
.xt-rest-over{background-position:-15px -45px!important;}
.xw-tl {background:#fff!important; border-bottom:1px solid #6f9bc0!important; padding-left:5px!important; -webkit-border-radius: 2px 0px 0px 0px; -moz-border-radius: 2px 0px 0px 0px; border-radius: 2px 0px 0px 0px;}
.xw-tc {background:none!important; padding:6px 10px 0px 10px!important;}
.xw-tr {background:none!important; padding-right:5px!important; -webkit-border-radius: 0px 2px 0px 0px; -moz-border-radius: 0px 2px 0px 0px; border-radius: 0px 2px 0px 0px;}
.xw-ml {background:#fff!important; padding-left:5px!important; color:#656565!important;}
.xw-mr {background: none !important; padding-right:5px!important;}
.xw-bl {background:#fff!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 2px; -moz-border-radius: 0px 0px 0px 2px; border-radius: 0px 0px 0px 2px;}
.xw-br {background:#fff!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 2px 0px; -moz-border-radius: 0px 0px 2px 0px; border-radius: 0px 0px 2px 0px;}
.xw-bc {background:#fff!important; height:5px!important;}
.xw-hdr-text {padding:0px!important;}
.xw-hdr-text {font-size: 11px;font-weight: 700; font-family: tahoma!important; color:#656565!important; line-height: 15px!important; vertical-align:2px!important;}
.xw-plain .xw-mc {border-radius:2px!important; border: none!important; padding:0!important; margin:0!important; font: 11px tahoma!important; color:#656565!important; background:#fff!important;}
.xw-body, .myWinCont {padding:0!important; margin:0!important; color:#656565!important;}
.xw-plain .xw-body{padding: 0!important; border: none!important;}
.xw-plain {box-shadow:0 0 6px #cecece;}
.xw-blank {background:#fff!important;}
.myWinTD1 {background:none!important;}


Установка завершена!

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

_LOGGED_IN$)?>
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.

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

Прямая ссылка на аватар для uCoz
Прямая ссылка на аватар для uCoz
Боковое меню как на YouTube для uCoz
Боковое меню как на YouTube для uCo
30 бесплатных онлайн редакторов фото-, видео- и аудиофайлов
30 бесплатных онлайн редакторов фот
Mail Interface
Mail Interface
Большое и простое меню для сайта с приятной анимацией
Большое и простое меню для сайта с
Новое, красивое оповещение ЛС для ucoz
Новое, красивое оповещение ЛС для u