Шесть цветовых вариантов Ajax окон v.1.0

Последние комментарии

DxB-studio
Оставлен 01.01.2015
Стильное оповищение Войти или зарегестрироватся для ucoz
DxB-studio
Оставлен 29.11.2014
o2 Reborn Ultimat для uCoz (ЕСТЬ ДЕМО)
Qston.3dn.ru
Оставлен 04.09.2014
Аватары в личных сообщениях
Cat
Оставлен 13.07.2014
Сворачиваемый мини-чат для ucoz
Владимир
Оставлен 07.07.2013
Форма регистрации для uCoz
ugames7
Оставлен 21.04.2013
Оригинальный шаблон для uCoz

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

Всего пользователей: 59642 {+0}

Сейчас на сайте:

Никого нету

Посетившие сайт сегодня:

Главная » Скрипты для ucoz » Ucoz-ajax

Сегодня я предоставляю на общее скачивание шесть вариантов стиля для ajax окон, главным отличием от других решений является тот момент, что дополнительный код который изменяет внешний вид нашего окна в системе uCoz, мы пропишем в ваши css стили и нам не придётся создавать отдельный css файл и прописывать его после тега </body>, плюс ниже приведённый код не очень большой, если сравнивать его с теми решениями где код достигает размера 15-20 кб, то моё решение намного легче, так как я задействовал только важные значения отвечающие за внешний вид ajax окна.

Синий вариант:

Code

/* Синий вариант ajax окон
----------------------------------------------*/
.xt {background:transparent url(http://joomla.ucoz.com/Ajax/5/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }
  .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://joomla.ucoz.com/Ajax/5/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://joomla.ucoz.com/Ajax/5/top_c.png) top!important;}
.xw-tr {background: url(http://joomla.ucoz.com/Ajax/5/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://joomla.ucoz.com/Ajax/5/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://joomla.ucoz.com/Ajax/5/bottom_c.png) bottom!important;}
.xw-br{background: url(http://joomla.ucoz.com/Ajax/5/bottom_p.png) no-repeat right bottom!important;}
.xw-ml{padding-left:0px!important;}
.xw-mr{padding-right:0px!important;}
.xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #425693!important; }
  .xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://joomla.ucoz.com/Ajax/5/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#6C84B4!important;}
/* ------------------------------------------*/

Зелёный вариант:

Code

/* Зелёный вариант ajax окон
----------------------------------------------*/
.xt {background:transparent url(http://joomla.ucoz.com/Ajax/4/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }
  .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://www.center-dm.ru/ucoz/ajax/v1/Green/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://joomla.ucoz.com/Ajax/4/top_c.png) top!important;}
.xw-tr {background: url(http://joomla.ucoz.com/Ajax/4/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://joomla.ucoz.com/Ajax/4/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://joomla.ucoz.com/Ajax/4/bottom_c.png) bottom!important;}
.xw-br{background: url(http://joomla.ucoz.com/Ajax/4/bottom_p.png) no-repeat right bottom!important;}
.xw-ml{padding-left:0px!important;}
.xw-mr{padding-right:0px!important;}
.xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #6cb46d!important; }
  .xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://joomla.ucoz.com/Ajax/4/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#6cb46d!important;}
/* ------------------------------------------*/

Красный вариант:

Code

/* Красный вариант ajax окон
----------------------------------------------*/
.xt {background:transparent url(http://joomla.ucoz.com/Ajax/3/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }
  .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://joomla.ucoz.com/Ajax/3/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://joomla.ucoz.com/Ajax/3/top_c.png) top!important;}
.xw-tr {background: url(http://joomla.ucoz.com/Ajax/3/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://joomla.ucoz.com/Ajax/3/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://joomla.ucoz.com/Ajax/3/bottom_c.png) bottom!important;}
.xw-br{background: url(http://joomla.ucoz.com/Ajax/3/bottom_p.png) no-repeat right bottom!important;}
.xw-ml{padding-left:0px!important;}
.xw-mr{padding-right:0px!important;}
.xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #93424b!important; }
  .xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://joomla.ucoz.com/Ajax/3/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#b46c7a!important;}
/* ------------------------------------------*/

Коричневый вариант:

Code

/* Коричневый вариант ajax окон
----------------------------------------------*/
.xt {background:transparent url(http://joomla.ucoz.com/Ajax/2/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }
  .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://joomla.ucoz.com/Ajax/2/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://joomla.ucoz.com/Ajax/2/top_c.png) top!important;}
.xw-tr {background: url(http://joomla.ucoz.com/Ajax/2/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://joomla.ucoz.com/Ajax/2/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://joomla.ucoz.com/Ajax/2/bottom_c.png) bottom!important;}
.xw-br{background: url(http://joomla.ucoz.com/Ajax/2/bottom_p.png) no-repeat right bottom!important;}
.xw-ml{padding-left:0px!important;}
.xw-mr{padding-right:0px!important;}
.xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #937f42!important; }
  .xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://joomla.ucoz.com/Ajax/2/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#b49c6c!important;}
/* ------------------------------------------*/

Фиолетовый вариант:

Code

/* Фиолетовый вариант ajax окон
----------------------------------------------*/
.xt {background:transparent url(http://joomla.ucoz.com/Ajax/1/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }
  .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://joomla.ucoz.com/Ajax/1/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://joomla.ucoz.com/Ajax/1/top_c.png) top!important;}
.xw-tr {background: url(http://joomla.ucoz.com/Ajax/1/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://joomla.ucoz.com/Ajax/1/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://joomla.ucoz.com/Ajax/1/bottom_c.png) bottom!important;}
.xw-br{background: url(http://joomla.ucoz.com/Ajax/1/bottom_p.png) no-repeat right bottom!important;}
.xw-ml{padding-left:0px!important;}
.xw-mr{padding-right:0px!important;}
.xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #934290!important; }
.xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://joomla.ucoz.com/Ajax/1/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#b06cb4!important;}
/* ------------------------------------------*/

Березовый вариант:

Code

/* Березовый вариант ajax окон
----------------------------------------------*/
.xt {background:transparent url(http://joomla.ucoz.com/Ajax/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }
  .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://joomla.ucoz.com/Ajax/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://joomla.ucoz.com/Ajax/top_c.png) top!important;}
.xw-tr {background: url(http://joomla.ucoz.com/Ajax/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://joomla.ucoz.com/Ajax/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://joomla.ucoz.com/Ajax/bottom_c.png) bottom!important;}
.xw-br{background: url(http://joomla.ucoz.com/Ajax/bottom_p.png) no-repeat right bottom!important;}
.xw-ml{padding-left:0px!important;}
.xw-mr{padding-right:0px!important;}
.xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #429390!important; }
  .xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://joomla.ucoz.com/Ajax/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#429390!important;}
/* ------------------------------------------*/

Источник | Категория: Ucoz-ajax | Добавил: AID | Дата: 04.02.2012

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

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

Ссылка:
BB-code:
HTML:

Порядок вывода комментариев:

3 | MitzZa пишет: | 05.05.2012 | 18:10 Страница с комментарием |

How i use it after is in the CSS?

(0)