Всем доброе время суток!
И так сегодня мы предоставим вам новую и самую простую страницу уведомлений.
И так давайте приступим к установке:
Установка: Заходим в
"Панель управления >> Управление дизайном >> Редактор страниц >> Страницы сайта" Между
"<head> и </head>" Ставим код:
Code
<link href="http://for-ucoz.my1.ru/scripts/Notifications/Notifications_style.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>
Закрываем класс:
Спасибо за ваше внимание.
Войдите на сайт или Зарегистрируйтесь