По вопросам сотрудничества и рекламы на портале MixliP, обращаться на почту admin@turklib.ru

MixliP - Территория вебмастера! На нашем сайте вы найдете все для веб-мастеров и не только =) ! Различные скрипты для вашего сайта. И еще на нашем сайте немало софта! Заходи не пожалеешь!

НОВЫЕ КРАСИВЫЕ AJAX ОКНА ДЛЯ UCOZ

Автор: Вячеслав 22-02-2013, 15:49 Все для СайтА » AjaX длЯ uCoz

Красивые ajax окна для ucoz с различной обводкой, смотрится на сайте просто шикарно. Установка очень простая и быстрая.
Нам следует установить один из пяти вариантов ниже предоставленного css кода и так смотрим на картинки ниже и выбираем нужную цветовую гамму.

Зелёная рамка окна:

Код

/* AJAX ОКНО v.2.0 
============================================================================*/ 
.x-sh .xstl{padding-top:6px; background:none!important;} 
.x-sh .xsml{background:none!important;} 
.x-sh .xstr{padding-top:6px; background:none!important;} 
.x-sh .xsmr{background:none!important;} 
.x-sh .xsbl{padding-left:6px;background:none!important;} 
.x-sh .xsbc{background:none!important;} 
.x-sh .xsbr{padding-right:6px;background:none!important;} 
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v2/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:2px!important;} 
.xt-close{background-position:0 0!important;} 
.xt-close-over{background-position:-15px 0!important;} 
.xt-mini{background-position:0 -15px!important;} 
.xt-mini-over{background-position:-15px -15px!important;} 
.xt-maxi{background-position:0 -30px!important;} 
.xt-maxi-over{background-position:-15px -30px!important;} 
.xt-rest{background-position:0 -45px!important;} 
.xt-rest-over{background-position:-15px -45px!important;} 
.xw-tl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border.png) repeat-y 0 0!important; padding-left:5px!important; -webkit-border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px;} 
.xw-tc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/top.gif) repeat-x 0 0!important; padding: 11px 10px 0px 10px!important;} 
.xw-tr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border.png) repeat-y 100% 0!important; padding-right:5px!important; -webkit-border-radius: 0px 5px 0px 0px; -moz-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;} 
.xw-ml {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border.png) repeat-y 0 0!important; padding-left:5px!important;} 
.xw-mr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border.png) repeat-y 100% 0!important; padding-right:5px!important;} 
.xw-bl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border.png) no-repeat 0 100%!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px;} 
.xw-br {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border.png) no-repeat 100% 100%!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px;} 
.xw-bc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border.png) repeat-x 0 100%!important; height:5px!important;} 
.xw-hdr-text {padding:0px!important;} 
.xw-hdr-text {font: 12px Verdana,Arial,Helvetica, sans-serif!important; color: #bcbcbc!important; text-shadow: 1px 1px 1px #000!important; line-height: 15px!important; vertical-align:2px!important;} 
.xw-plain .xw-mc {border: none!important; padding:0!important; margin:0!important; font: 11px Verdana,Arial,Helvetica, sans-serif!important; color:#444!important; background:#f9f9f9!important;}  
.xw-body {padding:0!important; margin:0!important; box-shadow:inset 0px 1px 3px #666; -webkit-box-shadow:inset 0px 1px 3px #666; -moz-box-shadow:inset 0px 1px 3px #666;} 
.xw-plain .xw-body{padding: 10px!important; border: none!important;} 
.xw-blank {background:#fff!important;} 
.myWinTD1 {background:none!important;}

2 - Синяя рамка окна:

Код

/* AJAX ОКНО v.2.0 
============================================================================*/ 
.x-sh .xstl{padding-top:6px; background:none!important;} 
.x-sh .xsml{background:none!important;} 
.x-sh .xstr{padding-top:6px; background:none!important;} 
.x-sh .xsmr{background:none!important;} 
.x-sh .xsbl{padding-left:6px;background:none!important;} 
.x-sh .xsbc{background:none!important;} 
.x-sh .xsbr{padding-right:6px;background:none!important;} 
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v2/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:2px!important;} 
.xt-close{background-position:0 0!important;} 
.xt-close-over{background-position:-15px 0!important;} 
.xt-mini{background-position:0 -15px!important;} 
.xt-mini-over{background-position:-15px -15px!important;} 
.xt-maxi{background-position:0 -30px!important;} 
.xt-maxi-over{background-position:-15px -30px!important;} 
.xt-rest{background-position:0 -45px!important;} 
.xt-rest-over{background-position:-15px -45px!important;} 
.xw-tl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border1.png) repeat-y 0 0!important; padding-left:5px!important; -webkit-border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px;} 
.xw-tc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/top1.gif) repeat-x 0 0!important; padding: 11px 10px 0px 10px!important;} 
.xw-tr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border1.png) repeat-y 100% 0!important; padding-right:5px!important; -webkit-border-radius: 0px 5px 0px 0px; -moz-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;} 
.xw-ml {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border1.png) repeat-y 0 0!important; padding-left:5px!important;} 
.xw-mr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border1.png) repeat-y 100% 0!important; padding-right:5px!important;} 
.xw-bl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border1.png) no-repeat 0 100%!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px;} 
.xw-br {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border1.png) no-repeat 100% 100%!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px;} 
.xw-bc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border1.png) repeat-x 0 100%!important; height:5px!important;} 
.xw-hdr-text {padding:0px!important;} 
.xw-hdr-text {font: 12px Verdana,Arial,Helvetica, sans-serif!important; color: #bcbcbc!important; text-shadow: 1px 1px 1px #000!important; line-height: 15px!important; vertical-align:2px!important;} 
.xw-plain .xw-mc {border: none!important; padding:0!important; margin:0!important; font: 11px Verdana,Arial,Helvetica, sans-serif!important; color:#444!important; background:#f9f9f9!important;}  
.xw-body {padding:0!important; margin:0!important; box-shadow:inset 0px 1px 3px #666; -webkit-box-shadow:inset 0px 1px 3px #666; -moz-box-shadow:inset 0px 1px 3px #666;} 
.xw-plain .xw-body{padding: 10px!important; border: none!important;} 
.xw-blank {background:#fff!important;} 
.myWinTD1 {background:none!important;}

3 - Красная рамка окна:

Код

/* AJAX ОКНО v.2.0 
============================================================================*/ 
.x-sh .xstl{padding-top:6px; background:none!important;} 
.x-sh .xsml{background:none!important;} 
.x-sh .xstr{padding-top:6px; background:none!important;} 
.x-sh .xsmr{background:none!important;} 
.x-sh .xsbl{padding-left:6px;background:none!important;} 
.x-sh .xsbc{background:none!important;} 
.x-sh .xsbr{padding-right:6px;background:none!important;} 
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v2/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:2px!important;} 
.xt-close{background-position:0 0!important;} 
.xt-close-over{background-position:-15px 0!important;} 
.xt-mini{background-position:0 -15px!important;} 
.xt-mini-over{background-position:-15px -15px!important;} 
.xt-maxi{background-position:0 -30px!important;} 
.xt-maxi-over{background-position:-15px -30px!important;} 
.xt-rest{background-position:0 -45px!important;} 
.xt-rest-over{background-position:-15px -45px!important;} 
.xw-tl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border2.png) repeat-y 0 0!important; padding-left:5px!important; -webkit-border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px;} 
.xw-tc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/top2.gif) repeat-x 0 0!important; padding: 11px 10px 0px 10px!important;} 
.xw-tr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border2.png) repeat-y 100% 0!important; padding-right:5px!important; -webkit-border-radius: 0px 5px 0px 0px; -moz-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;} 
.xw-ml {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border2.png) repeat-y 0 0!important; padding-left:5px!important;} 
.xw-mr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border2.png) repeat-y 100% 0!important; padding-right:5px!important;} 
.xw-bl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border2.png) no-repeat 0 100%!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px;} 
.xw-br {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border2.png) no-repeat 100% 100%!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px;} 
.xw-bc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border2.png) repeat-x 0 100%!important; height:5px!important;} 
.xw-hdr-text {padding:0px!important;} 
.xw-hdr-text {font: 12px Verdana,Arial,Helvetica, sans-serif!important; color: #bcbcbc!important; text-shadow: 1px 1px 1px #000!important; line-height: 15px!important; vertical-align:2px!important;} 
.xw-plain .xw-mc {border: none!important; padding:0!important; margin:0!important; font: 11px Verdana,Arial,Helvetica, sans-serif!important; color:#444!important; background:#f9f9f9!important;}  
.xw-body {padding:0!important; margin:0!important; box-shadow:inset 0px 1px 3px #666; -webkit-box-shadow:inset 0px 1px 3px #666; -moz-box-shadow:inset 0px 1px 3px #666;} 
.xw-plain .xw-body{padding: 10px!important; border: none!important;} 
.xw-blank {background:#fff!important;} 
.myWinTD1 {background:none!important;}

4 - Тёмная рамка окна:

Код

/* AJAX ОКНО v.2.0 
============================================================================*/ 
.x-sh .xstl{padding-top:6px; background:none!important;} 
.x-sh .xsml{background:none!important;} 
.x-sh .xstr{padding-top:6px; background:none!important;} 
.x-sh .xsmr{background:none!important;} 
.x-sh .xsbl{padding-left:6px;background:none!important;} 
.x-sh .xsbc{background:none!important;} 
.x-sh .xsbr{padding-right:6px;background:none!important;} 
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v2/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:2px!important;} 
.xt-close{background-position:0 0!important;} 
.xt-close-over{background-position:-15px 0!important;} 
.xt-mini{background-position:0 -15px!important;} 
.xt-mini-over{background-position:-15px -15px!important;} 
.xt-maxi{background-position:0 -30px!important;} 
.xt-maxi-over{background-position:-15px -30px!important;} 
.xt-rest{background-position:0 -45px!important;} 
.xt-rest-over{background-position:-15px -45px!important;} 
.xw-tl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border3.png) repeat-y 0 0!important; padding-left:5px!important; -webkit-border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px;} 
.xw-tc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/top3.gif) repeat-x 0 0!important; padding: 11px 10px 0px 10px!important;} 
.xw-tr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border3.png) repeat-y 100% 0!important; padding-right:5px!important; -webkit-border-radius: 0px 5px 0px 0px; -moz-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;} 
.xw-ml {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border3.png) repeat-y 0 0!important; padding-left:5px!important;} 
.xw-mr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border3.png) repeat-y 100% 0!important; padding-right:5px!important;} 
.xw-bl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border3.png) no-repeat 0 100%!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px;} 
.xw-br {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border3.png) no-repeat 100% 100%!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px;} 
.xw-bc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border3.png) repeat-x 0 100%!important; height:5px!important;} 
.xw-hdr-text {padding:0px!important;} 
.xw-hdr-text {font: 12px Verdana,Arial,Helvetica, sans-serif!important; color: #bcbcbc!important; text-shadow: 1px 1px 1px #000!important; line-height: 15px!important; vertical-align:2px!important;} 
.xw-plain .xw-mc {border: none!important; padding:0!important; margin:0!important; font: 11px Verdana,Arial,Helvetica, sans-serif!important; color:#444!important; background:#f9f9f9!important;}  
.xw-body {padding:0!important; margin:0!important; box-shadow:inset 0px 1px 3px #666; -webkit-box-shadow:inset 0px 1px 3px #666; -moz-box-shadow:inset 0px 1px 3px #666;} 
.xw-plain .xw-body{padding: 10px!important; border: none!important;} 
.xw-blank {background:#fff!important;} 
.myWinTD1 {background:none!important;}

5 - Серая рамка окна:

Код

/* AJAX ОКНО v.2.0 
============================================================================*/ 
.x-sh .xstl{padding-top:6px; background:none!important;} 
.x-sh .xsml{background:none!important;} 
.x-sh .xstr{padding-top:6px; background:none!important;} 
.x-sh .xsmr{background:none!important;} 
.x-sh .xsbl{padding-left:6px;background:none!important;} 
.x-sh .xsbc{background:none!important;} 
.x-sh .xsbr{padding-right:6px;background:none!important;} 
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v2/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:2px!important;} 
.xt-close{background-position:0 0!important;} 
.xt-close-over{background-position:-15px 0!important;} 
.xt-mini{background-position:0 -15px!important;} 
.xt-mini-over{background-position:-15px -15px!important;} 
.xt-maxi{background-position:0 -30px!important;} 
.xt-maxi-over{background-position:-15px -30px!important;} 
.xt-rest{background-position:0 -45px!important;} 
.xt-rest-over{background-position:-15px -45px!important;} 
.xw-tl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border4.png) repeat-y 0 0!important; padding-left:5px!important; -webkit-border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px;} 
.xw-tc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/top4.gif) repeat-x 0 0!important; padding: 11px 10px 0px 10px!important;} 
.xw-tr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border4.png) repeat-y 100% 0!important; padding-right:5px!important; -webkit-border-radius: 0px 5px 0px 0px; -moz-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;} 
.xw-ml {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border4.png) repeat-y 0 0!important; padding-left:5px!important;} 
.xw-mr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border4.png) repeat-y 100% 0!important; padding-right:5px!important;} 
.xw-bl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border4.png) no-repeat 0 100%!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px;} 
.xw-br {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border4.png) no-repeat 100% 100%!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px;} 
.xw-bc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border4.png) repeat-x 0 100%!important; height:5px!important;} 
.xw-hdr-text {padding:0px!important;} 
.xw-hdr-text {font: 12px Verdana,Arial,Helvetica, sans-serif!important; color: #bcbcbc!important; text-shadow: 1px 1px 1px #000!important; line-height: 15px!important; vertical-align:2px!important;} 
.xw-plain .xw-mc {border: none!important; padding:0!important; margin:0!important; font: 11px Verdana,Arial,Helvetica, sans-serif!important; color:#444!important; background:#f9f9f9!important;}  
.xw-body {padding:0!important; margin:0!important; box-shadow:inset 0px 1px 3px #666; -webkit-box-shadow:inset 0px 1px 3px #666; -moz-box-shadow:inset 0px 1px 3px #666;} 
.xw-plain .xw-body{padding: 10px!important; border: none!important;} 
.xw-blank {background:#fff!important;} 
.myWinTD1 {background:none!important;}

Готово.
Вы можите скачать изображения и заменить ссылки в кодах на свои.

1643_IMG_ajax_okna_u.rar

[11,95 Kb] (cкачиваний: 18)

Просмотры: 2688 Комментарии (0)

Теги: НОВЫЕ КРАСИВЫЕ, AJAX, ОКНА, ДЛЯ, uCoz

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Владельцы и пользователи сайта MixliP.ru не осуществляют никакой продажи либо перепродажи программных и иных продуктов интеллектуальной собственности. На нашем сайте не хранится ни одного файла или документа, который нарушал бы смежное или авторское право.

Сайт MixliP.ru представляет собой набор новостей и ссылок на внешние общедоступные источники в сети Интернет, не подконтрольные администрации сайта MixliP.ru, а, следовательно, не несет никакой ответственности за их содержание.

Вся информация о программном обеспечении и скриптах, размещенная на данном сайте, предоставлена исключительно в ознакомительных целях и только для просмотра, и призвана помочь посетителям сайта MixliP.ru выбрать для себя и в последствии приобрести соответствующие лицензионные авторские программные продукты.

Читать полностью информацию правообладателям.

Наши друзья

Работы читателей:

Вордпресс. Как установить тему TemplateMonster на WordPress 2.5?

ДАМП САЙТА WEB2WORK

Магазин авто запчастей

Магазин наушников Monster Beats

Шаблон Freehold для CMS Sitebill

Дизайн для любого проекта

шаблон для фруктовой фермы

Шаблоны на Simpla CMS

Полезное