ZorNet.Ru — сайт для вебмастера » Ajax модальное окно » Ajax окно в синем цвете от youcss

Ajax окно в синем цвете от youcss

Ajax окно в синем цвете от youcss
Очень хорошо нарисовано и создано новое Ajax сайта youcss. От старого дизайном оно почти не чем не отличается, тот же оттенок цвета, так же основная светлая гамма оттенка. Только что в глаза бросается, старое окно было выдержанно в строгих тонах, а это как сами заметили вверх по бокам сливается по обе стороны. Так больше и не чего сказать о нем, только что оно рабочие и на многие сайты подойдет как на светлые так на темные и хорошо чтоб на сайте присутствовал в дизайне синий цвет.
Что нужно чтоб поставить, нам нужен только стиль который нужно прописать в CSS вашего портала.
Код
.xw-plain div.xt-close {width:19px; height:18px; display:block; margin:4px 0 0 0; background:url(http://zornet.ru/Ajaxoskrip/ZN/ajax_close.png) no-repeat 0 0;}  
.xw-plain div.xt-close:hover {background:url(http://zornet.ru/Ajaxoskrip/ZN/ajax_close.png) no-repeat 0 -19px !important;}  
.xw-plain div.xw-blank {display:none !important; background:#fff;}  
.xw-plain div.xw-tl {padding-left:17px; background-image:url(http://zornet.ru/Ajaxoskrip/ZN/xw-tl.png); background-color:transparent;}  
.xw-plain div.xw-tr {padding-right:17px; background-image:url(http://zornet.ru/Ajaxoskrip/ZN/xw-tr.png); background-color:transparent;}  
.xw-plain div.xw-tc {height:38px; position:relative; z-index:10; overflow:visible !important; background:url(http://zornet.ru/Ajaxoskrip/ZN/xw-tc.png) repeat-x 0 0;}  
.xw-plain div.xw-ml {padding-left:10px; background-image:url(http://zornet.ru/Ajaxoskrip/ZN/ajax_bg.png); background-color:transparent;}  
.xw-plain div.xw-mr {padding-right:10px; background-image:url(http://zornet.ru/Ajaxoskrip/ZN/ajax_bg.png); background-color:transparent;}  
div.x-sh.xsl,  
div.x-sh.xsr,  
div.x-sh.xsb {display:none;}  
.xw-plain div.xw-bl {height:2px; display:block !important; padding-left:17px; background-image:url(http://zornet.ru/Ajaxoskrip/ZN/xw-bl.png); background-color:transparent;}  
.xw-plain div.xw-br {height:2px; padding-right:17px; background-image:url(http://zornet.ru/Ajaxoskrip/ZN/xw-br.png); background-color:transparent;}  
.xw-plain div.xw-bc {height:2px; background-image:url(http://zornet.ru/Ajaxoskrip/ZN/xw-bc.png); background-color:transparent;}  
.u-menuvsep {font-size:0px;}  
.xw-plain .xw-hdr {height:38px; line-height:30px; overflow:visible !important; font-size:11px;}  
.xw-plain .xw-hdr-text {line-height:30px; overflow:hidden; font-size:11px; color:#fff; font-weight:bold;}
.xw-plain div.xw-mc {background:#fff !important;}  
.xw-plain .xw-mc {border:0 !important;}  
.xw-plain div.xw-body {border:0 !important;}  
.xw-plain div.xw-mc .myWinTD1 {background:#fff;}  
.xw-plain div.xw-mc .myWinTD2 {background:#fff;}  
.xw-dragging .xw-bl {opacity:0.6;}  
.xw-dragging .xw-ml {display:block !important; opacity:0.6;}

На этом все, не забываем убрать свой скрипт окна, если оно у вас установлено.
06 Августа 2013 Просмотров: 2097 Комментариев: (10)

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

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

Оставь свой отзыв

Комментарии: 5
FeStemBer
FeStemBer 29 Декабря 2015 12:481
0
Все правильно говорите, что сайт был и на нем ajax окно первое было под другим дизайном, но похожее на это. Не знаю почему, но какое то время прошло и потом они поменяли, и до того дошло что просто уже сайт на котором под 1000 хостов взяли и продали, просто не мог понять, для чего делали.
csretven
csretven 29 Декабря 2015 13:032
0
Да что тут годать, кто считает нужным поставить, тот установит, главное чтоб по самим стилям дизайн подходило.
Kosten
Kosten 29 Декабря 2015 13:333
0
Раньше мне почему то нравилось это окно и его ставил на сайт, потом понял что явно не подходит и пришлось на светлое поменять.
Kosten
Kosten 29 Декабря 2015 13:344
0
Это вообще разные сайты по окнам были, просто это как понимаю с оригинала было доработано.
Kosten
Kosten 29 Декабря 2015 13:345
0
Да, здесь не поспоришь, что красиво выполнено, но как сказать на любителя также идет.
avatar