Ajax окно uCoz в оригинальном стиле ZR, материал из категории Ajax скрипты. Хочу представить вам на обзор Ajax окно uCoz в оригинальном стиле ZR. Как видите выполнено в оригинальном стиле и на светлом сайта будит смотреться очень красиво. Возможно его поставить на темный дизайн сайта где присутствует такой цвет как на Ajax. При нажатие чтоб отключить его, кнопка будит меняться в зеленый цвет.
Установка:
Что первое надо сделать убрать старое Ajax окно, но может располагаться в CSS или верхней и нежней части сайта. И вот если у вас стоит и вы убрали, копируем этот стиль и прописываем в CSS в самый низ.
Код
[spoiler]/* AJAX ZORNET*/
.xw-plain div.xt-close {width:19px; height:19px; display:block; position:relative; top:2px; background:url(/ajax_demono4ka/ajax_close.png) no-repeat 0 0;}
.xw-plain div.xt-close:hover {background:url(/ajax_demono4ka/ajax_close.png) no-repeat 0-19px;}
.xw-plain div.xw-blank {display:none !important; background:#000;}
.xw-plain div.xw-tl {padding-left:10px; background-image:url(/ajax_demono4ka/xw-tl.png); background-color:transparent;}
.xw-plain div.xw-tr {padding-right:10px; background-image:url(/ajax_demono4ka/xw-tr.png); background-color:transparent;}
.xw-plain div.xw-tc {height:43px; position:relative; z-index:10; overflow:hidden; background-image:url(/ajax_demono4ka/xw-tc.png); background-position:center 0 !important; background-color:#4d8001;}
.xw-plain div.xw-ml {padding-left:10px; background-image:url(/ajax_demono4ka/xw-ml.png); background-color:transparent;}
.xw-plain div.xw-mr {padding-right:10px; background-image:url(/ajax_demono4ka/xw-mr.png); background-color:transparent;}
div.x-sh.xsl,
div.x-sh.xsr,
div.x-sh.xsb {display:none !important; background:0;}
.xw-plain div.xw-bl {height:10px; display:block !important; padding-left:10px; background-image:url(/ajax_demono4ka/xw-bl.png); background-color:transparent;}
.xw-plain div.xw-br {height:10px; padding-right:10px; background-image:url(/ajax_demono4ka/xw-br.png); background-color:transparent;}
.xw-plain div.xw-bc {height:10px; background-image:url(/ajax_demono4ka/xw-bc.png); background-color:transparent;}
.u-menuvsep {font-size:0px;}
.xw-plain .xw-hdr {height:34px;}
.xw-plain .xw-hdr-text {padding-left:5px;line-height: 36px; font-style:italic; font-family:Cuprum; font-size:15px; color:#fff; text-shadow: 1px 1px 0 #114e7f; font-weight:normal;}
.xw-plain div.xw-mc {font-style:italic; font-family:Cuprum; font-size:12px; color:#114e7f; background:#fff !important;}
.xw-plain .xw-mc {border:0 !important;}
.xw-plain div.xw-body {border:0 !important;}
/* AJAX WIN END*/
