Ajax окна V.1.2 by Mr.Wins

4457
9.8 из 10
Проголосовало: 10






Изменения в версии v.1.2:
1. Убрана стандартная тень окон тем самым
2. Изменена обводка окон
3. Изменилось разделение Title и содержимого окон



4. Сделано скругление



Новое:
1. Изменён вид фона смайлов



2. Изменён вид Архива опросов



Установка:
1. Картинку с кнопкой закрытия заливаем в папку images



2. В таблицу стилей CSS Вставляем

Код
/* Обводка вокруг окон */
.xw-plain, .xw-resize, .xw-active {
  background: rgba(0,0,0,0.15);
  padding: 10px !important;
  border-radius: 5px; }
   
/* TITLE окон */
.x-sh, .xsl { display: none !important; }
   
.xw-hdr {
  text-align: left !important;
  white-space: nowrap !important;
  padding: 1px 0 0 0 !important;
  white-space: nowrap !important;
  zoom: 1 !important;
  height: 35px !important; }
   
/* Название ajax окна*/
.xw-hdr-text {
  vertical-align: 3px!important;
  cursor: default!important;
  color: #999 !important;
  font: normal 12px/13px Tahoma,Arial !important;
  line-height: 35px!important;
  margin-left: 10px; }
   
.xw-sps, .xw-tc, .xw-tr {
  border-bottom: 0px solid #eee;
  color: #000 !important;
  font-size: 1.2em !important }
   
/* Кнопка закрыть окно */
.xt {
  width: 22px !important;
  height: 22px !important;
  background: url('/images/oclose.png') no-repeat !important;
  float: right !important;
  border: 0 !important;
  text-decoration: none !important;
  margin-top: 7px !important; }
   
.xt-close { background-position: 0 0 !important; }
   
.xt-close-over { background-position: 0 -22 !important; }
   
/* Кнопки сворачивания и разворачивания окон (Кнопки убраны) */
.xt-maxi { display: none !important; }
   
.xt-mini { display: none !important; }
   
.xw-bc, .xw-mr, .xw-bl, .xw-br, .xw-ml, .xw-mc {
  background: #fff !important;
  border: 0 !important;
  border-radius: 0px;
  moz-border-radius: 0px;
  webkit-border-radius: 3px; }
   
.xw-body {
  border: 0 !important;
  padding-left: 7px !important;
  padding-right: 1px !important; }
   
.xw-tl { border-bottom: 1px solid #eee; }
   
.xw-tl, .xw-tr, .xw-tc {
  background: #FAFAFA !important;
  border-radius: 3px 3px 0 0 !important; }
   
.xw-sps { display: none !important; }
   
.myWinCont { width: 100% !important; }
   
.xw-body {
  border: 0 !important;
  padding-left: 2px !important;
  padding-right: 1px !important; }
   
.xw-ml {
  padding-left: 1px !important;
  padding-bottom: 5px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }
   
.xw-bl { display: none !important; }
   
.myWinTD1 {
  background: rgb(255, 255, 255) !important;
  border-bottom: 1px solid rgb(250, 250, 250) !important; }
   
/* Вид фона сайлов */
.myWinTD2 { background: rgb(250, 250, 250) !important; }
   
/* Вид фона при наведении на поле со смайлом */
.myWinCont fieldset {
  border: 1px solid #eee !important;
  padding: 2px 5px !important;
  margin-bottom: 3px !important; }
   
/* Вид обводки в архиве опроса */
.myWinPollTd {
  background: #fff !important;
  text-align: center !important; }
   
/* Вид полей в архиве опроса */
.myWinPollT {
  background: rgb(243, 243, 243) !important;
  float: left !important;
  margin-right: 257px !important;
  width: 100% !important; }
   
.myWinPollG { display: none !important; }
   
.myWinCont strong, b {
  font-weight: initial !important;
  font-size: 11px !important;
  color: rgb(63, 63, 63) !important; }


Установка завершена!

Спасибо за внимание :)
Автор публикации: Загрузка
Загрузка
Winston8885918, это его n материал
Источник: http://Mr.Wins
  • Всего комментариев: 7

Администратор1659
0
Администратор1659 написал: Написано 27 Апреля 2013 в 19:29
Комментарий №7
Спасибо ! прикольные окна*) автору 5+

web41k
0
web41k написал: Написано 17 Марта 2013 в 00:13
Комментарий №4
нет это наверно стандартный, такое на windows 8, не так ли winston?

Winston8885918
0
Winston8885918 написал: Написано 17 Марта 2013 в 08:03
Комментарий №6
Да. скрол я ничего не менял

Snoopak
0
Snoopak написал: Написано 16 Марта 2013 в 20:19
Комментарий №2
Красивые ajax окна

Winston8885918
+2
Winston8885918 написал: Написано 16 Марта 2013 в 20:24
Комментарий №3
Спасибо !
Думаю начать делать их больше и разные с изменением кнопок полей input и пр... в ajax окне cool

BLAzER
0
BLAzER написал: Написано 16 Марта 2013 в 17:27
Комментарий №1
Классно!
Скролл тоже есть? (как на скрине)

DrzVer
0
DrzVer написал: Написано 17 Марта 2013 в 03:14
Комментарий №5
Это стандартный скролл в Windows 8

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта 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
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: