Каталог файлов
Новые красивые ajax окна для ucoz

Рейтинг:5.0
Категория: Скрипты для Ucoz
 


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


Выбрав нужную цветовую гамму, копируем css код для неё в конец "Таблицы Стилей(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://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/top.gif) repeat-x 0 0!important; padding: 11px 10px 0px 10px!important;}
  .xw-tr {background:url(http://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/border.png) repeat-y 0 0!important; padding-left:5px!important;}
  .xw-mr {background:url(http://novi4ok.ru/serv/uc3/ajax/border.png) repeat-y 100% 0!important; padding-right:5px!important;}
  .xw-bl {background:url(http://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/top1.gif) repeat-x 0 0!important; padding: 11px 10px 0px 10px!important;}
  .xw-tr {background:url(http://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/border1.png) repeat-y 0 0!important; padding-left:5px!important;}
  .xw-mr {background:url(http://novi4ok.ru/serv/uc3/ajax/border1.png) repeat-y 100% 0!important; padding-right:5px!important;}
  .xw-bl {background:url(http://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/top2.gif) repeat-x 0 0!important; padding: 11px 10px 0px 10px!important;}
  .xw-tr {background:url(http://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/border2.png) repeat-y 0 0!important; padding-left:5px!important;}
  .xw-mr {background:url(http://novi4ok.ru/serv/uc3/ajax/border2.png) repeat-y 100% 0!important; padding-right:5px!important;}
  .xw-bl {background:url(http://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/top3.gif) repeat-x 0 0!important; padding: 11px 10px 0px 10px!important;}
  .xw-tr {background:url(http://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/border3.png) repeat-y 0 0!important; padding-left:5px!important;}
  .xw-mr {background:url(http://novi4ok.ru/serv/uc3/ajax/border3.png) repeat-y 100% 0!important; padding-right:5px!important;}
  .xw-bl {background:url(http://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/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://novi4ok.ru/serv/uc3/ajax/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) Серая рамка окна:



Готово.
Вы можете скачать изображения и заменить ссылки в кодах на свои.
 
 
 
Поделиться…
Источник: http://www.center-dm.ru
 
 1 комментариев •  943 просмотров •  дата: 30.11.2024 •  автор: admin •  загрузок: 69
 
 
Советую взглянуть:
  • Форма входа для ucoz
  • Новый, Светлый и Красивый Мини-Чат для uCoz
  • ISF - Статистика форума
  • Thanks v 1.0 - Спасибо для сайта БЕЗ PHP
    •  
     
    Всего комментариев: 1

    OFFLINE
    12.08.2014 10:51 Вторник | №1 Спам
    0
    islambek-admin
    Круто. Спасибо автору
     
    Добавлять комментарии могут только зарегистрированные пользователи.
    Регистрация | Вход

    Меню сайта

    Мини чат

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

    Последнее с форума

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


    Опрос сайта

    Нравится ли вам дизайн нашего сайта?
    Всего ответов: 21

    Купить ссылку здесь


    Статистика

    Кол-во зареганных: 2908 (+0)
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Сейчас на сайте:

    Нас посетили:

    Рейтинг пользователей

    Портал для вас - Uc-new.ru, На сайте Используются технологии uCoz, все материалы в свободном доступе!
    Главная | Форум | Каталог сайтов | наши баннеры | О сайте | Обратная связь