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


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

1830
8 из 10
Проголосовало: 6






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

Всё что нам необходимо, так это выбрать один из шести вариантов оформления ajax окон и скопировать css код в ваши стили:

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

CSS

Code

/* Синий вариант ajax окон  
  ----------------------------------------------*/  
  .xt {background:transparent url(http://webo4ka.ru/Ucoz5/6_variant_ajax/cinii/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://webo4ka.ru/Ucoz5/6_variant_ajax/cinii/top_l.png) no-repeat left!important;}  
  .xw-tc {background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/cinii/top_c.png) top!important;}  
  .xw-tr {background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/cinii/top_p.png) no-repeat right!important;}  
  .xw-bl{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/cinii/bottom_l.png) no-repeat left bottom!important;}  
  .xw-bc{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/cinii/bottom_c.png) bottom!important;}  
  .xw-br{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/cinii/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://webo4ka.ru/Ucoz5/6_variant_ajax/cinii/fon_ten.png) repeat-x top!important; }  
  .xw-blank {background:#6C84B4!important;}  
  /* ------------------------------------------*/


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



CSS

Code
/* Зелёный вариант ajax окон  
  ----------------------------------------------*/  
  .xt {background:transparent url(http://webo4ka.ru/Ucoz5/6_variant_ajax/zelenii/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://webo4ka.ru/Ucoz5/6_variant_ajax/zelenii/top_l.png) no-repeat left!important;}  
  .xw-tc {background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/zelenii/top_c.png) top!important;}  
  .xw-tr {background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/zelenii/top_p.png) no-repeat right!important;}  
  .xw-bl{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/zelenii/bottom_l.png) no-repeat left bottom!important;}  
  .xw-bc{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/zelenii/bottom_c.png) bottom!important;}  
  .xw-br{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/zelenii/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://webo4ka.ru/Ucoz5/6_variant_ajax/zelenii/fon_ten.png) repeat-x top!important; }  
  .xw-blank {background:#6cb46d!important;}  
  /* ------------------------------------------*/


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



CSS

Code
/* Красный вариант ajax окон  
  ----------------------------------------------*/  
  .xt {background:transparent url(http://webo4ka.ru/Ucoz5/6_variant_ajax/kracnii/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://webo4ka.ru/Ucoz5/6_variant_ajax/kracnii/top_l.png) no-repeat left!important;}  
  .xw-tc {background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/kracnii/top_c.png) top!important;}  
  .xw-tr {background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/kracnii/top_p.png) no-repeat right!important;}  
  .xw-bl{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/kracnii/bottom_l.png) no-repeat left bottom!important;}  
  .xw-bc{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/kracnii/bottom_c.png) bottom!important;}  
  .xw-br{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/kracnii/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://webo4ka.ru/Ucoz5/6_variant_ajax/kracnii/fon_ten.png) repeat-x top!important; }  
  .xw-blank {background:#b46c7a!important;}  
  /* ------------------------------------------*/


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



CSS

Code
/* Коричневый вариант ajax окон  
  ----------------------------------------------*/  
  .xt {background:transparent url(http://webo4ka.ru/Ucoz5/6_variant_ajax/korichnevii/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://webo4ka.ru/Ucoz5/6_variant_ajax/korichnevii/top_l.png) no-repeat left!important;}  
  .xw-tc {background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/korichnevii/top_c.png) top!important;}  
  .xw-tr {background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/korichnevii/top_p.png) no-repeat right!important;}  
  .xw-bl{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/korichnevii/bottom_l.png) no-repeat left bottom!important;}  
  .xw-bc{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/korichnevii/bottom_c.png) bottom!important;}  
  .xw-br{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/korichnevii/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://webo4ka.ru/Ucoz5/6_variant_ajax/korichnevii/fon_ten.png) repeat-x top!important; }  
  .xw-blank {background:#b49c6c!important;}  
  /* ------------------------------------------*/


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



CSS

Code
/* Фиолетовый вариант ajax окон  
  ----------------------------------------------*/  
  .xt {background:transparent url(http://webo4ka.ru/Ucoz5/6_variant_ajax/fioletovii/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://webo4ka.ru/Ucoz5/6_variant_ajax/fioletovii/top_l.png) no-repeat left!important;}  
  .xw-tc {background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/fioletovii/top_c.png) top!important;}  
  .xw-tr {background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/fioletovii/top_p.png) no-repeat right!important;}  
  .xw-bl{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/fioletovii/bottom_l.png) no-repeat left bottom!important;}  
  .xw-bc{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/fioletovii/bottom_c.png) bottom!important;}  
  .xw-br{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/fioletovii/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://www.center-dm.ru/ucoz/ajax/v1/violet/fon_ten.png) repeat-x top!important; }  
  .xw-blank {background:#b06cb4!important;}  
  /* ------------------------------------------*/


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



CSS

Code
/* Березовый вариант ajax окон  
  ----------------------------------------------*/  
  .xt {background:transparent url(http://webo4ka.ru/Ucoz5/6_variant_ajax/beryzovii/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://webo4ka.ru/Ucoz5/6_variant_ajax/beryzovii/top_l.png) no-repeat left!important;}  
  .xw-tc {background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/beryzovii/top_c.png) top!important;}  
  .xw-tr {background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/beryzovii/top_p.png) no-repeat right!important;}  
  .xw-bl{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/beryzovii/bottom_l.png) no-repeat left bottom!important;}  
  .xw-bc{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/beryzovii/bottom_c.png) bottom!important;}  
  .xw-br{background: url(http://webo4ka.ru/Ucoz5/6_variant_ajax/beryzovii/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://webo4ka.ru/Ucoz5/6_variant_ajax/beryzovii/fon_ten.png) repeat-x top!important; }  
  .xw-blank {background:#429390!important;}  
  /* ------------------------------------------*/


всё!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://www.center-dm.ru/
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 9
    Гостей: 8
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: