Светлый вид ajax окон by webo4ka.ru

505
6.6 из 10
Проголосовало: 3






Вам надоел стандартный вид ajax окон, хотите разнообразить их, сделать более красивее и запоминающиеся, тогда этот вид как раз для вас... Он подойдет для любых дизайнов, как для темных так и для светлых, и выглядит очень симпатично. Ну а теперь перейдем к установке...

Установка:
В CSS вставляем следующий код:

Код

.xw-plain, .xw-resize, .xw-active {
-webkit-box-shadow:0px 0px 0px 4px rgba(230, 230, 230, 0.5); -moz-box-shadow:0px 0px 0px 4px rgba(230, 230, 230, 0.5); box-shadow:0px 0px 0px 4px rgba(230, 230, 230, 0.5);
-webkit-border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px;
}
.xw-hdr {
background-image:-webkit-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image:-moz-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image:-o-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image:-ms-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image:linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e9e9e9');
height:44px;
}
  .xw-tl, .xw-tr, .xw-tc {
background-image:-webkit-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image:-moz-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image:-o-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image:-ms-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image:linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e9e9e9');
border-bottom:1px solid #bababa;
height:44px;
-webkit-border-radius:4px 4px 0px 0px;
-moz-border-radius:4px 4px 0px 0px;
border-radius:4px 4px 0px 0px;
}
.xw-hdr-text {
font-size:14px;
font-weight:bold;
text-align:left;
color:#444;
text-shadow:0px 1px 0px #fff;
line-height:44px;
margin-left:5px;
}
.xt {background:url('http://webo4ka.3dn.ru/_ld/42/24611804.png') no-repeat !important;
width:33px;
height:33px;
line-height:44px;
opacity: 0.5 !important;
}
.xt-close-over {
background-position:0 0 !important;
opacity: 1 !important;
}
.xw-bc, .xw-mr, .xw-bl, .xw-br, .xw-ml, .xw-mc, .xw-body {background:#fff !important; border:none !important;}
/* by Вовчик || http://webo4ka.ru/ */




готово!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 1

oZbestru
0
oZbestru написал: Написано 30 мая 2015 в 02:13
Комментарий №1
Спасибо, забрал.

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2116
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Добрый вечер.Подскажите,пожалуйста: как сделать, чтобы второй или третий набор смайлов заменить своими.
Вы сами себе пишите?
  • CbIPoK2513 написал:
  • Скрипт хорош, уже подстроил свой сайт под него :3
  • gefest35 написал:
  • Супер)))!пасиб за работу!!!
  • sasha2016tv написал:
  • Хороший скрипт
    Последние темы
    Опрос
    240
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: