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


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

479
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 2110
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • LeKcUs написал:
  • В самый конец просто добавьте вот такие теги... И у Вас не будет больше возникать вопросов! cry

    <!-- </popup> -->$POWERED_BY$<!-- <popup> -->
  • invitesystem написал:
  • Скачал архив, залил сайт, но проблема с кодом для вставки в конструктор шаблонов. Какие-то в нём знаки вопроса и без обязательного $POWERED_BY$
  • Marishka написал:
  • Можно, включите фантазию. Бесплатно никто ничего делать не будет.... Данный скрипт то написали так как попросили happy
  • BLAzER написал:
  • А на условных операторах это не сделать?
  • Вовчик написал:
  • Кто-то недавно об этом спрашивал
    Последние темы
    Опрос
    422
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 3
    Пользователей: 2
    Топ пользователей: