главная
файлы
Контакты
регистрация
Навигация
Главная
Шаблоны
Скрипты
Статьи
Иконки
Веб дизайн
Программы
Прочее
 

Ucozu Talk

Для добавления необходима авторизация
 

Популярные переходы
Yandex: кнопки действие
Yandex: кнопки действие
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
 

RSS лента

RSS лента

Подпишись на обновления по электронной почте!
 

Опрос
Зайдете ли вы к нам еще ?
[ Результаты · Архив опросов ]
Всего ответов: 281
 

Ajax окно uCoz v.2.0

Добавил: Вадим
Оценка:
  • 1
  • 2
  • 3
  • 4
  • 5

Измененный стиль аякс окна для ucoz в 5 разных красивых вариантов!

Установка:
Выбираем цветовую гамму и копируем css код в таблицу стилей css

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

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

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;}
Автор\Источник: center-dm.ru
Добавлено: 04.05.2012 в 19:23
Вы находитесь на странице материала Ajax окно uCoz v.2.0 из раздела нашего сайта

Скрипты для ucoz

который можно скачать совершенно бесплатно и без регистрации.
Также рекомендуем:
  • Всплывающая подсказка Title для uCoz
  • Шаблон - RIP шаблона 7ucoz
  • Автомобильный шаблон для ucoz
  • Простой шаблон Видео портала для Ucoz
  • Иконки для ucoz: Minimalist Social Icons
  • Комментарии сайта
  • Комментарии Вконтакте
Всего комментариев: 1
Вадим
Добавлено: 07.05.2012 в 18:35
Очередное отличное решение
Профиль

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
О нас
Ucozu.Ru - перспективный сайт с удобным дизайном и многими уникальными статьями, файлами. Здесь вы сможете скачивать и просматривать файлы без регистрации.На нашем сайте вы найдёте много шаблонов,скриптов и тд.Все для uCoz.Так же множество статей по раскрутки вашего сайта и системе uCoz.
 

Кто онлайн
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Пользователи
Гости сайта
 
 

Рекомендуем
Волоконно-оптические кроссы

Последние комментарии
17:06
winbloger
Понравился шаблон, спасибо!
Ответить
30.01.2015
12:40
Peshka0973
Если отображение страницы исчезло, то скорее всего потерли лишнего. А вставлять надо туда, где должн
Ответить
18.08.2014
13:11
Peshka0973
А конкретнее можно? Как ругается при этом?
Ответить
02.04.2014
11:58
Arrow
не рабоотает
Ответить
02.04.2014
09:55
Peshka0973
Когда вызываешь файловый менеджер, из меню - Управление - Файловый менеджер, то в первое окно которо
Ответить
18.03.2014
09:01
Peshka0973
Крик души ? ;о))
По какому поводу, и кто имеется ввиду ?
Ответить
14.02.2014
14:22
Leonid
Что за люди ._. стыдно за таких. Учите русский и книжки читайте для общего развития.
Ответить
13.02.2014
09:38
Peshka0973
А полный текст ошибки?
Ответить
10.01.2014
18:30
_dahack_
Админы помогите!!! у меня проблема с разделом "Стена" пишет App is blocked и фото не грузя
Ответить
09.01.2014
09:16
Peshka0973
А почему мы не должны верить? Мы все должны тебя поблагодарить за труд ! :о))
Сейчас ты навер
Ответить
09.01.2014
09:39
Peshka0973
Какая панель имеется ввиду? Что касается расположения информеров, то в CSS гляньте.
Советую п
Ответить
29.11.2013
23:04
Аля
все установила,все получилось. Только не высвечивается сверху сама панель управления и конструктор с
Ответить
27.11.2013
11:59
Peshka0973
Да, прикольная :о))
Ответить
30.05.2013
15:22
Aviana
Клевая! respect
Ответить
29.05.2013
09:44
Peshka0973
Снизу под статьей справа есть кнопка - Скачать файл. Жми и получай, регистрироваться не надо.
Ответить
13.05.2013

©Ucozu.Ru 2018