Как сделать дизайн для сообщений администратора? |
Продолжение статьи "Сообщим пользователям Wi-Fi зоны о важных событиях."
Начнём с выбора фонового изображения:
Рис.1. Фон.
STYLE.CSS:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf8" />
<meta name="author" content="Interline" />
<link href="style.css" rel="stylesheet" type="text/css" /> – подключаем каскадную таблицу стилей.
<script type="text/javascript" src="jquery.min.js"></script> – подключаем библиотеку jquery
<title>WIFI</title>
</head>
Скроем форму авторизации пользователя:
#user_f
display: none;
#dialog
background:urlnotice.png no-repeat 0 0 transparent; – в качестве фона, присваиваем картинку.
display: none; – скрываем данный тег
width:326px; – ширина тега
height:229px; – высота тега
padding:50px 0 20px 25px; – отступы текста сообщения, от краев.
Добавим в конец файла index.php:
<script type="text/javascript">
$(document).ready(function()
$"#dialog".slideDown1000;
$‘#close’.clickfunction( {
$"#user_f".slideDown500;
);
});
</script>
Рис.2. Выведение сообщения.
Как сделать дизайн для сообщений администратора?
| Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |