ZorNet.Ru — сайт для вебмастера » Ajax модальное окно » Красивое светлый ajax окно сайта uCoz

Красивое светлый ajax окно сайта uCoz

Для светлых по дизайну сайтов представляю новое ajax окно. Которое выполнено в светлом оттенке. Так же вверх ajax выполнен по дизайну красиво, есть крестик который отключает окно, при нажатие он становиться красным. Вообщем очень стильный скрипт для сайта.
Установка:
Установить скрипт можно в 2 положениях, начнем с первого.
В CSS пропишем этот стиль.

Код

/* AJAX WIN ZORNET.RU START*/
.xw-plain .xt {margin-top:2px; background-image:url(http://zornet.ru/zorner_ru_1/tool-sprites.gif);}
.xw-plain div.xt-close {width:12px; height:12px; display:block; margin:9px 5px 0 0; background:url(http://zornet.ru/zorner_ru_1/ajax_close.png) no-repeat 0 0;}
.xw-plain div.xt-close:hover {background:url(http://zornet.ru/zorner_ru_1/ajax_close.png) no-repeat 0 -12px !important;}
.xw-plain div.xw-blank {display:none !important; background:#000;}
.xw-plain div.xw-tl {padding-left:7px; background-image:url(http://zornet.ru/zorner_ru_1/xw-tl.png); background-color:transparent;}
.xw-plain div.xw-tr {padding-right:7px; background-image:url(http://zornet.ru/zorner_ru_1/xw-tr.png); background-color:transparent;}
.xw-plain div.xw-tc {height:32px; position:relative; z-index:10; overflow:visible !important; background:url(http://zornet.ru/zorner_ru_1/xw-tc.png) no-repeat right -32px, url(http://zornet.ru/zorner_ru_1/xw-tc.png) no-repeat left 0, url(http://zornet.ru/zorner_ru_1/xw-tc.png) repeat-x 0 -64px;}
.xw-plain div.xw-ml {padding-left:7px; background-image:url(http://zornet.ru/zorner_ru_1/xw-tl.png); background-position:0 -29px;}
.xw-plain div.xw-mr {padding-right:7px; background-image:url(http://zornet.ru/zorner_ru_1/xw-tr.png); background-color:transparent; background-position:right -29px;}
div.x-sh.xsl, div.x-sh.xsr, div.x-sh.xsb {display:none !important; background:0;color:#090c18 !important;}
.xw-plain div.xw-bl {height:9px; display:block !important; padding-left:10px; background-image:url(http://zornet.ru/zorner_ru_1/xw-bl.png); background-color:transparent;}
.xw-plain div.xw-br {height:9px; padding-right:10px; background-image:url(http://zornet.ru/zorner_ru_1/xw-br.png); background-color:transparent;}
.xw-plain div.xw-bc {height:9px; background-image:url(http://zornet.ru/zorner_ru_1/xw-bc.png); background-color:transparent;}
.u-menuvsep {font-size:0px;}
.xw-plain .xw-hdr {height:23px; line-height:21px; overflow:visible !important; font-size:11px;}
.xw-plain .xw-hdr-text {padding-left:10px;line-height: 30px; overflow:hidden; font-size:11px; color:#fff;}
.xw-plain div.xw-mc {color:#090c18 !important;background:#f5f3f3 !important;}
.xw-plain .xw-mc {border:0 !important;}
.xw-plain div.xw-body {border:0 !important;color:#090c18 !important;}
.xw-plain div.xw-mc .myWinTD1 {background:0;color:#090c18 !important;}
.xw-plain div.xw-mc .myWinTD2 {color:#090c18 !important;}
.xw-dragging .xw-bl {opacity:0.7;}
.xw-dragging .xw-ml {display:block !important;opacity:0.7;}
.myWinCont, .myWinCont td, .myWinCont dl, .myWinCont dt {color:#090c18 !important;font-family: "Tahoma", "Arial";font-size: 8pt;}
/* AJAX WIN ZORNET.RU END*/

И можно установить по другому. Копируем этот код и вставляем вверх сайта в самый низ.

Код

Если у вас стояло старое ajax окно, его нужно убрать. А потом устанавливать новое.

04 Мая 2013 Просмотров: 2063 Комментариев: (10)

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

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

Kosten

Комментарии: 0