Черный ajax окна (для темных сайтов)

2499
8 из 10
Проголосовало: 4




Необычное окно alert с темным дизайном, отличная штука для черных дизайнов.
Установка:

в css вставляем:

Code
/*ajax*/  
  div[id*="_uwndWnd"] .xw-tl, div[id*="_uwndWnd"] .xw-bl {background-image:url('http://webo4ka.ru/Ucoz3/blak_ajax_okna/tL.png');padding-left:5px;}  
  div[id*="_uwndWnd"] .xw-tr, div[id*="_uwndWnd"] .xw-br {background-image:url('http://webo4ka.ru/Ucoz3/blak_ajax_okna/tR.png');padding-right:5px;}  
  div[id*="_uwndWnd"] .xw-bc {background-image:url('http://webo4ka.ru/Ucoz3/blak_ajax_okna/tC.png');}  
  div[id*="_uwndWnd"] .xw-tc {background-image:url('http://webo4ka.ru/Ucoz3/blak_ajax_okna/tC.png');}  
  div[id*="_uwndWnd"] .xw-hdr-text {margin-left:3px; font-weight: bold ;color:#888;}  
  div[id*="_uwndWnd"] .xw-ml {background-image:url('http://webo4ka.ru/Ucoz3/blak_ajax_okna/bL.png');padding-left:5px;}  
  div[id*="_uwndWnd"] .xw-mr {background-image:url('http://webo4ka.ru/Ucoz3/blak_ajax_okna/bR.png');padding-right:5px;}  
  div[id*="_uwndWnd"] .xw-mc {border:0;background:transparent url('http://webo4ka.ru/Ucoz3/blak_ajax_okna/gg.png');}  
  div[id*="_uwndWnd"] .xw-body, div[id*="_uwndWnd"] .myWinCont {border:0;color:#808080;}  
  div[id*="_uwndWnd"] {-moz-box-shadow:0 2px 5px rgba(0,0,0,.5);box-shadow:0 2px 5px rgba(0,0,0,.5);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}  
  div[id*="_uwndWnd"] .xw-tc {overflow:visible;}  
  div[id*="_uwndWnd"] .xt-close {background-image:url('http://webo4ka.ru/Ucoz3/blak_ajax_okna/C.png');height:17px;width:17px;}  
  div[id*="_uwndWnd"] .xt-close-over {background-image:url('http://webo4ka.ru/Ucoz3/blak_ajax_okna/c-n.png');height:17px;width:17px;background-position:0 -0px;}  
  div[id*="_uwndWnd"] .xt-toggle{background-image:url('http://webo4ka.ru/Ucoz3/blak_ajax_okna/S.png');height:17px;width:17px;}  
  div[id*="_uwndWnd"] .xt-toggle-over{background-image:url('http://webo4ka.ru/Ucoz3/blak_ajax_okna/S-n.png');height:17px;width:17px;background-position:0 -0px;}  
  div[id*="_uwndWnd"] .xw-blank {opacity:.6 !important;background-color:#1d2322;margin:0px -1px 0;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-radius-bottomleft:5px;-webkit-border-radius-bottomright:5px;}  
  div[id*="_uwndTop"] .x-sh, div[id*="_uwndWnd"] .xw-bl[style="display:none;"] {display:none !important;}  
  /*End*/
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://st-web.3dn.ru
  • Всего комментариев: 5

TpakTopucT
Ответить
-2
TpakTopucT написал: Написано 18 Апреля 2012 в 16:55
Комментарий №5
Странно у меня на сайте [реклама] совсем не так + 2 значка закрыть

werevolf13
Ответить
0
werevolf13 написал: Написано 29 Октября 2011 в 01:38
Комментарий №4
Спасибо мне biggrin

Никита_Степанов_мне_8
Ответить
0
Никита_Степанов_мне_8 написал: Написано 28 мая 2011 в 09:08
Комментарий №3
У меня дизайн тёмный, но там мало чёрного цвета smile
Спасибо, интересное ajax-окно happy

Никита_Степанов_мне_8
Ответить
-1
Никита_Степанов_мне_8 написал: Написано 27 мая 2011 в 20:58
Комментарий №2
А где можно найти тёмный дизайн?

Svit107
Ответить
0
Svit107 написал: Написано 21 Апреля 2011 в 22:13
Комментарий №1
Классная вещь как раз под мой сайт спс автору

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    482
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: