Зелёный вид ajax
Новый цветовой вариант ajax окна для ucoz, смотрится хорошо на любом "зелёном" дизайне не зависимо от оттенка, будь то чёрный или жёлтый:)
Светло зелёный вид ajax для ucoz, красивое оформление и чёткая прорисовка изображения для данного ajax.
Если у вас есть сайт с дизайном зелёного цвета, тогда представленный вид аякс окна, как раз и создан под зелёный дизайн сайта.
Причём самое главное, это очень лёгкая установка скрипта, с которой справится даже, начинающий web мастер.
Приступим же к установки
Во первых, качаем архив с картинками для работы ajax, далее..
Создаём папку в корне сайта, с названием designs_135 в ней создаём ещё одну папку, с названием ajax, далее..
Загружаем все изображения из скаченного архива в Путь:
ФМ » designs_135 » ajax, далее..
Вставляем код в:
Пу » Управление дизайном » Таблица стилей (CSS) в самый конец.
Светло зелёный вид ajax для ucoz, красивое оформление и чёткая прорисовка изображения для данного ajax.
Если у вас есть сайт с дизайном зелёного цвета, тогда представленный вид аякс окна, как раз и создан под зелёный дизайн сайта.
Причём самое главное, это очень лёгкая установка скрипта, с которой справится даже, начинающий web мастер.
Приступим же к установки
Во первых, качаем архив с картинками для работы ajax, далее..
Создаём папку в корне сайта, с названием designs_135 в ней создаём ещё одну папку, с названием ajax, далее..
Загружаем все изображения из скаченного архива в Путь:
ФМ » designs_135 » ajax, далее..
Вставляем код в:
Пу » Управление дизайном » Таблица стилей (CSS) в самый конец.
Код
/* AJAX WIN START*/
.xw-plain .xt {margin-top:6px; background-image:url(/designs_135/ajax/tool-sprites.gif);}
.xw-plain div.xt-close {width:27px; height:15px; display:block; position:relative; top:-2px; background:url(/designs_135/ajax/ajax_close.png) no-repeat 0 0;}
.xw-plain div.xt-close:hover {background:url(/designs_135/ajax/ajax_close.png) no-repeat 0 -15px;}
.xw-plain div.xw-blank {display:none !important; background:#000;}
.xw-plain div.xw-tl {padding-left:10px; background-image:url(/designs_135/ajax/xw-tl.png); background-color:transparent;}
.xw-plain div.xw-tr {padding-right:10px; background-image:url(/designs_135/ajax/xw-tr.png); background-color:transparent;}
.xw-plain div.xw-tc {height:31px; position:relative; z-index:10; overflow:hidden; background-image:url(/designs_135/ajax/xw-tc.png); background-position:center 0 !important; background-color:#4d8001;}
.xw-plain div.xw-ml {padding-left:10px; background-image:url(/designs_135/ajax/xw-ml.png); background-color:transparent;}
.xw-plain div.xw-mr {padding-right:10px; background-image:url(/designs_135/ajax/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(/designs_135/ajax/xw-bl.png); background-color:transparent;}
.xw-plain div.xw-br {height:10px; padding-right:10px; background-image:url(/designs_135/ajax/xw-br.png); background-color:transparent;}
.xw-plain div.xw-bc {height:10px; background-image:url(/designs_135/ajax/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: 26px; font-size:11px; font-weight:bold; color:#fff;}
.xw-plain div.xw-mc {color:#545858; background:#edecec !important;}
.xw-plain .xw-mc {border:0 !important;}
.xw-plain div.xw-body {border:0 !important;}
/* AJAX WIN END*/
.xw-plain .xt {margin-top:6px; background-image:url(/designs_135/ajax/tool-sprites.gif);}
.xw-plain div.xt-close {width:27px; height:15px; display:block; position:relative; top:-2px; background:url(/designs_135/ajax/ajax_close.png) no-repeat 0 0;}
.xw-plain div.xt-close:hover {background:url(/designs_135/ajax/ajax_close.png) no-repeat 0 -15px;}
.xw-plain div.xw-blank {display:none !important; background:#000;}
.xw-plain div.xw-tl {padding-left:10px; background-image:url(/designs_135/ajax/xw-tl.png); background-color:transparent;}
.xw-plain div.xw-tr {padding-right:10px; background-image:url(/designs_135/ajax/xw-tr.png); background-color:transparent;}
.xw-plain div.xw-tc {height:31px; position:relative; z-index:10; overflow:hidden; background-image:url(/designs_135/ajax/xw-tc.png); background-position:center 0 !important; background-color:#4d8001;}
.xw-plain div.xw-ml {padding-left:10px; background-image:url(/designs_135/ajax/xw-ml.png); background-color:transparent;}
.xw-plain div.xw-mr {padding-right:10px; background-image:url(/designs_135/ajax/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(/designs_135/ajax/xw-bl.png); background-color:transparent;}
.xw-plain div.xw-br {height:10px; padding-right:10px; background-image:url(/designs_135/ajax/xw-br.png); background-color:transparent;}
.xw-plain div.xw-bc {height:10px; background-image:url(/designs_135/ajax/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: 26px; font-size:11px; font-weight:bold; color:#fff;}
.xw-plain div.xw-mc {color:#545858; background:#edecec !important;}
.xw-plain .xw-mc {border:0 !important;}
.xw-plain div.xw-body {border:0 !important;}
/* AJAX WIN END*/
0| Всего комментариев: 0 | |
 | Информация: Посетители, находящиеся в группе Гости, не могут оставлять комментарии. |