ZorNet.Ru — сайт для вебмастера » Ajax модальное окно » Темное Ajax окно ZR для сайта uCoz

Темное Ajax окно ZR для сайта uCoz

Темное Ajax окно ZR для сайта uCoz
Представляю очень красивое но до боли знакомое Темное Ajax окно ZR для сайта uCoz. Так как цвет был заменен и заменен очень здорово как оригинал. Но окно сейчас само как оригинальное. Подойдет и красиво будит смотреться на сайтах где темный цвет главный по дизайн сайту. Или просто преобладает на сайте. Где нет в дизайне сайта темного оттенка, думаю Ajax окно не стоит ставить. Но здесь на любителя. Все в рабочем состояние.
Установка проста, просто стиль копируем и прописываем его в ваш CSS можно в самый низ.
Код
/* AJAX */
.xw-plain div.xt-close {width:19px; height:18px; display:block; margin:8px 0 0 0; background:url(http://zornet.ru/CSS-ZORNET/ajax_close.png) no-repeat 0 0;}
.xw-plain div.xt-close:hover {background:url(http://zornet.ru/CSS-ZORNET/ajax_close.png) no-repeat 0 -19px !important;}
.xw-plain div.xw-blank {display:none !important; background:#212121;}
.xw-plain div.xw-tl {padding-left:17px; background-image:url(http://zornet.ru/CSS-ZORNET/xw-tl.png); background-color:transparent;}
.xw-plain div.xw-tr {padding-right:17px; background-image:url(http://zornet.ru/CSS-ZORNET/xw-tr.png); background-color:transparent;}
.xw-plain div.xw-tc {height:35px; position:relative; z-index:10; overflow:visible !important; background:url(http://zornet.ru/CSS-ZORNET/xw-tc.png) repeat-x;}
.xw-plain div.xw-ml {padding-left:10px; background-image:url(http://zornet.ru/CSS-ZORNET/xw-tl_tr.png); background-color:transparent;}
.xw-plain div.xw-mr {padding-right:10px; background-image:url(http://zornet.ru/CSS-ZORNET/xw-tl_tr.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/CSS-ZORNET/xw-bl.png); background-color:transparent;}
.xw-plain div.xw-br {height:2px; padding-right:17px; background-image:url(http://zornet.ru/CSS-ZORNET/xw-br.png); background-color:transparent;}
.xw-plain div.xw-bc {height:2px; background-image:url(http://zornet.ru/CSS-ZORNET/xw-bc.png); background-color:transparent;}
.u-menuvsep {font-size:0px;}
.xw-plain .xw-hdr {height:35px; line-height:35px; overflow:visible !important; font-size:11px;}
.xw-plain .xw-hdr-text {line-height:30px; overflow:hidden; font-size:12px; color:#fff; font-weight:bold;}
.xw-plain div.xw-mc {background:#e1e1e1 !important;}
.xw-plain .xw-mc {border:0 !important;}
.xw-plain div.xw-body {border:0 !important;}
.xw-plain div.xw-mc .myWinTD1 {background:#212121;}
.xw-plain div.xw-mc .myWinTD2 {background:#212121;}
.xw-dragging .xw-bl {opacity:0.7;}
.xw-dragging .xw-ml {display:block !important; opacity:0.7;}
/* ------------------- */
06 Июня 2013 Просмотров: 2480 Комментариев: (10)

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

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

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

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