вСкрипты для Юкоз

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;

На этом все, не забываем убрать свой скрипт окна, если оно у вас установлено.

источник: zornet.ru

Похожие посты