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


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

457
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 2104
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • LeKcUs написал:
  • Запомни раз и на всегда... Все файлы ВСЕ с окончанием .swf пишутся в Adobe Flash. Я лично пишу в Adobe Flash CS6 cool Я скоро выложу новый шаблон более интересный...
  • Winston888 написал:
  • Я с флешь не сталкивался поэтому интересно файл main.swf ты сам писал ? Если да то через что ?
  • LeKcUs написал:
  • Я думаю что следующая версия будет по дизайну лучше! Ждите.... cool
  • LeKcUs написал:
  • Спасибо...
  • 1488 написал:
  • Отлично сделано!
    Последние темы
    Опрос
    412
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: