
Новый цветовой вариант ajax окна для ucoz, смотрится хорошо на любом "зелёном" дизайне не зависимо от оттенка, будь то чёрный или жёлтый:) Светло зелёный вид ajax для ucoz, красивое оформление и чёткая прорисовка изоброжения для данного ajax. Если у вас есть сайт с дизайном зелёного цвета, тогда представленный вид аякс окна, какраз и создан под зелёный дизайн сайта. Причём самое главное, это очень лёгкая установка скрипта, с которой справится даже, начинающий web мастер.
Установка:
1.В файловом менеджере создаем папку designs_135 в ней создаём ещё одну папку, с названием ajax,
2.Загружаем все изображения из скаченного архива в Путь: ФМ »designs_135 » ajax
3.Вставляем код в:
Пу » Управление дизайном » Таблица стилей (CSS) в самый конец:
Code
/* 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*/
Готово.
Просмотров: 3080
|
Категория: Ucoz-ajax | Добавил: NA
Другие новости |
Поделиться ссылкой
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.