» »

Ajax окно для ucoz в новом оформлений


Ajax окно для ucoz в новом оформлений

Очень даже красивое окно создано в новомодном оформление его. По картинке видео что оно прозрачное и в светлом оттенке цвета выполнено. Отключать его яркая красная точка. Думаю его создали чисто под светлый дизайн и можно немного добавление в шаблон другой гаммы цвета. А так полностью рабочий скрипт.
Установка:
Если есть старое окно то надо стили его убрать и прописать новые. Вставляем в CSS сайта.
Код
.xw-tl{background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_by_webo4ka1.png') no-repeat 0 0!important;padding-left:6px;position:relative;zoom:1}  
.xw-tr{background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_by_webo4ka2.png') no-repeat 100% 0!important;padding-right:6px;position:relative;zoom:1}  
.xw-tc{background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_by_webo4ka3.png') repeat-x 0 0!important;font-size:1px;line-height:1px;overflow:hidden;position:relative;zoom:1}  
.xw-tsps{height:6px}  
.xw-ml{background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_by_webo4ka4.png') repeat-y 0 0!important;padding-left:6px;zoom:1}  
.xw-mr{background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_by_webo4ka5.png') repeat-y 100% 0!important;padding-right:6px;zoom:1}  
.xw-plain .xw-mc{border:1px solid #A0A0A8;padding:0;margin:0;font:normal 11px tahoma,arial,helvetica,sans-serif;background:white;color:black;zoom:1;}  
.xw-bl{background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_by_webo4ka1.png') no-repeat 0 100%!important;padding-left:6px;zoom:1}  
.xw-br{background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_by_webo4ka2.png') no-repeat 100% 100%!important;padding-right:6px;zoom:1}  
.xw-bc{background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_by_webo4ka3.png') repeat-x 0 100%!important;overflow:hidden;font-size:1px;line-height:1px;height:6px}  
DIV.xw-bcm{height:2px}  

.myWinCont{background:#fff;}  

.xw-hdr-text{color:#000 !important; text-shadow: 0.1em 0.1em 0.05em #fff !important;}  
.xt{background-attachment: scroll;background-clip: border-box;background-color: transparent;background-image: url("http://zornet.ru/CSS-ZORNET/Ajax/knopki_ajax_okno_by_webo4ka.png") !important;background-origin: padding-box;background-position: 0% 0%;background-repeat: no-repeat;background-size: auto;cursor: pointer;float: right;height: 15px;margin-left: 2px;margin-top: 4px;overflow-x: hidden;overflow-y: hidden;position: relative;width: 15px;}  
.xt-close {background-position: 0px 0px;}  
.xt-maxi{background-position: 0px -30px;}  
.xt-mini{background-position: 0px -15px;}
16.09.2013 Просмотров: 877 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
Delete
Delete 17.09.2013 21:121
0
не плохое uwnd окно...
Kosten
Kosten 17.09.2013 22:462
0
Прозрачное, для светлого или серого сайта, думаю красиво подойдет.
nikolla76
nikolla76 29.12.2015 13:553
0
Очень умно придуманно, что красная кнопка отключать и на светлом и хоть на темном отлично видно будет.
AnTron
AnTron 29.12.2015 14:034
0
Как то уж слишком топорно смотрится для меня.
Kosten
Kosten 29.12.2015 14:205
0
Почему топорно, все мне кажется очень грамотно сделано, топорно, это года видно что криво или что то торчит, а здесь все как нужно.
avatar