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

561
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 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
    Последние темы
    Опрос
    259
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: