Белые Ajax окна для uCoz

Белые Ajax окна для uCoz

24.02.201465919

Хотите заменить стандартные 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;}

Советую сохранить изображение кнопки закрытия на свой сайт и заменить ссылку в коде (http://yraaa.ru/_pu/21/12848835.png).

На нашем сайте есть еще одно светлое оформление для ajax окна на uCoz.




Сохраните в социальную сеть
Комментарии (9)
Николай Ра 25.02.2014 в 07:35Спам
Еще бы кнопочки стилизовать :-) Спасибо
4
Алексей 03.03.2014 в 19:53Спам
Норм :)))
0
Zhenya 04.03.2014 в 04:01Спам
Спасибо! Забрал себе на сайт!
0
SlowMotion v3 11.03.2014 в 18:30Спам
Все стоят у меня)
1
Андрей 12.03.2014 в 11:42Спам
тут плохих шабов не бывает , спс
3
Михаил 22.03.2014 в 22:31Спам
Бывают :-)
0
Nikola 20.03.2014 в 01:47Спам
спс за код
0
А можно сделать в этом скрипте затемнение фона(modal:0)?
0
Богдан 10.08.2014 в 04:17Спам
Вероятно, самое красивое Ajax окно, которое я видел :)
3
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт