» » » » Новые красивые ajax окна для ucoz

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

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

Code
/* 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 - Синяя рамка окна:

Code
/* 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 - Красная рамка окна:

Code
/* 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 - Тёмная рамка окна:

Code
/* 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 - Серая рамка окна:

Code
/* 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;}


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

  Просмотров: 5015 | Категория: Ucoz-ajax | Добавил: NA

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
FreeDom пишет: | 10 мая 2012 15:54
супер себе синенькое забрал! 5+
DJoKeR46 пишет: | 10 мая 2012 18:51
Спасибо! Очень Красивые Окна !
НеКиТ пишет: | 23 июня 2012 12:05
Просто +5 я зеленое взял, на моем сайте вообще смотрите отлично!
stinner пишет: | 24 января 2013 21:42
уже не работает эта тема все картинки не видно !!!!
AID пишет: | 24 января 2013 21:44
Качай исходник и прописывай вручную ссылки на картинки в стилях.
stinner пишет: | 24 января 2013 21:51
я его не нашел этот исходник даже на дм нету щас не чего , там ваше не чего на можно скачать =*(
stinner пишет: | 24 января 2013 21:55
ппц без тебя как без рук !!!=)))

спс