Notifications for 2012 uCoz system

1662
8.8 из 10
Проголосовало: 7






Всем доброе время суток!

И так сегодня мы предоставим вам новую и самую простую страницу уведомлений.

И так давайте приступим к установке:

Установка:

Заходим в "Панель управления >> Управление дизайном >> Редактор страниц >> Страницы сайта"

Между "<head> и </head>"

Ставим кот:

Code
<link href="http://webo4ka.ru/Ucoz6/Notifications_for_2012_uCoz_systemstyle.css" type="text/css" rel="stylesheet"/>


И так теперь между "</head> и <body>"

Ставим кот:

Code
<!-- JavaScript -->  
  <script type="text/javascript">  
  $(document).ready(function() {  

  // Закрытие уведомления  
  // By LEKUS  
  $(".hideit").click(function() {  
  // исчезает из уведомления  
  $(this).fadeOut(700);  
  });  
   
  });  
   
  </script>


И так теперь заходим и ставим на любую страницу уведомление (пожеланию)

Ставим между "<body> и </body>"

Ставим кот:

Code
<div class="main_container">


первое уведомление!

Code
<!-- ВНИМАНИЕ - ИСПОЛЬЗУЕТСЯ КЛАСС "WARNING" -->  
  <div class="notification warning hideit">  
   
  <p><strong>ПРЕДУПРЕЖДЕНИЕ: </strong>  
  Это предупреждение. Вы можете использовать это, чтобы предупредить пользователей о любых событиях.  
  </p>  
  </div>


второе уведомление!

Code
<!-- ВНИМАНИЕ - ИСПОЛЬЗУЕТСЯ КЛАСС "INFORMATION" -->  
  <div class="notification information hideit">  
   
  <p><strong>ИНФОРМАЦИЯ: </strong>  
  Это сообщение информации, может быть любой общей информации.</p>  
  </div>


третье уведомление!

Code
<!-- ВНИМАНИЕ - ИСПОЛЬЗУЕТСЯ КЛАСС "SUCCESS" -->  
  <div class="notification success hideit">  
   
  <p><strong>УСПЕХ: </strong>  
  Успех сообщение! ураааааааа!!  
  </p>  
  </div>


четвертое уведомление!

Code
<!-- ВНИМАНИЕ - ИСПОЛЬЗУЕТСЯ КЛАСС "FAILURE" -->  
  <div class="notification failure hideit">  
   
  <p><strong>ОТКАЗ: </strong>  
  Ой извините. Это действие не является допустимым, или наши серверы вышли из строя...</p>  
   
  </div>


Закрываем класс:

Code
</div>


Спасибо за ваше внемание.

С уважением Златьев Дмитрий
{ LEKUS 2012}
Автор публикации: Загрузка
Загрузка
LeKcUs, это его n материал
Источник: http://ufacer.ru/
  • Всего комментариев: 2

BLAzER
+3
BLAzER написал: Написано 11 Июля 2012 в 16:09
Комментарий №2
"Ставим кот"
biggrin lol

alex0005
-1
alex0005 написал: Написано 07 Июня 2012 в 20:22
Комментарий №1
уже что-то было похожее...

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

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

    Демо: https://jsfiddle.net/7js6tfp1/4/
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
    Последние темы
    Опрос
    474
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: