Notifications for 2012 uCoz system

1689
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 2120
Шаблоны форумов 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/
    Последние темы
    Опрос
    273
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 6
    Гостей: 6
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: