<html>
<голова>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Специальные эффекты веб-страницы|http://www.downcodes.com/|---Трёхуровневое меню, созданное с помощью CSS</title>
<style type="text/css">
<!--
тело {
семейство шрифтов: Arial, Helvetica, без засечек;
размер шрифта: 11 пикселей;
поле слева: 0 пикселей;
поле-верх: 0 пикселей;
поле справа: 0 пикселей;
поле внизу: 0 пикселей;
}
#меню {
цвет фона: #FEF0E5;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FEF0E5',gradientType='0');
}
#nav, #navul {
float:left; /* Общее горизонтальное положение меню*/
ясно: правильно;
стиль списка: нет;
/*line-height:22px; высота меню первого уровня*/;
/*фон: #eee; Сделать все меню цветными*/
/*вес шрифта: жирный;8*/
отступ: 0 пикселей;
поле: 0 пикселей;
/*border:1px сплошной #ccc;
правая граница: 0px;*/
}
#навулул{
/*граница:1px сплошная #ccc;*/
граница-верх: 0 пикселей;
граница справа: 0 пикселей;
}
#навигация {
ширина: 120 пикселей;
дисплей: блок;
цвет: #333;
текстовое оформление: нет;
выравнивание текста: по левому краю;
/*border-right:1px сплошной #CCC;*/
отступы: 3 пикселя 4 пикселя 3 пикселя 7 пикселей;
}
#nav a:hover{
цвет:#000;
граница: 1 пиксель сплошной #CCC;
поле: 0 пикселей;
отступы: 3 пикселя 5 пикселей 3 пикселя 6 пикселей;
цвет фона: #f1f1f1;
текстовое оформление: нет;
} /* Все стили шрифтов a:hover*/
#nav a.selected{background:url(flyout_arrow.gif) без повтора вправо 50%;} /* значок раскрывающегося списка*/
#navli {
плавающий: нет;
ясно: правильно;
высота: 22 пикселей;
ширина: 120 пикселей;
}
#nav li ul li{
плавающий: нет;
ясно: правильно;
высота: 22 пикселей;
ширина: 120 пикселей;
}
#nav li ul { /* Дополнительный бит всплывающего окна*/
позиция: абсолютная;
поле:-22px 0px 0px 119px;
дополнение: 0;
слева:-9999em;
ширина: 120 пикселей;
вес шрифта: нормальный;
дисплей: блок;
граница: 1 пиксель сплошной #CCCCCC;
фон:#fff;
}
/* Ширина вторичного меню*/
#nav li ul a {
ширина:120 пикселей; /* Ширина вторичного меню*/
/*line-height:24px Высота вторичного меню;
граница: 1 пиксель, сплошной #CCC;*/
высота: 22 пикселей;
выравнивание текста: по левому краю;
поле: 0 пикселей;
}
#nav li ul ul {
поле:-22px 0px 0px 120px;
граница: 1 пиксель, сплошной #CCC;
} /* Бит всплывающего окна уровня 3*/
#nav li:hover ul ul,#nav li.sfhover ul ul{left:-9999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{
слева: авто;
высота: 22 пикселей;
} /* Автоматическое левое поле для всех всплывающих меню */
#nav li:hover, #nav li.sfhover {
фон:#f1f1f1;
высота: 22 пикселей;
}
/* Все стили подвески */
-->
</стиль>
<script type="text/javascript"><!--//--><![CDATA[//><!--
img1 = новое изображение ();
img1.src="flyout_arrow.gif";
sfHover = функция() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\b"), "");
}
}
}
window.onload=sfHover;
//--><!]]></script>
</head>
<body>
<table width="120" border="0" cellpacing="0" cellpadding="0" >
<тр>
<td valign="top" id="menu">
<ul id="nav">
<li> <a href=" http://homepage.yesky.com " target="_blank">
<span style="font-size: 9pt">Главная</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank" class="selected">
<span style="font-size: 9pt">Проект требует сотрудничества</span></a><span style="font-size: 9pt">
</span>
<ул>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">Проект веб-сайта
</span> </a>
<ул>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Проект веб-сайта</span> </a>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Проект всего сайта</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Анализ и планирование веб-сайта</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank">
<span style="font-size: 9pt">Веб-дизайн и производство</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Создание и разработка веб-сайтов</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Флэш-анимация веб-сайта</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Веб-сервер</span></a></li>
</ul>
</li>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">Разработка и производство мультимедиа</span></a>< span style="font-size: 9pt">
</span>
<ул>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Проект веб-сайта</span> </a>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Графический дизайн</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Проектирование инженерных чертежей САПР</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">3D-моделирование и анимация</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Анимация флеш-игры</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Звуковые эффекты и музыка</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Оригинальные настройки рисования игры</span></a></li>
</ul>
</li>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">Разработка программного обеспечения</span></a><span style ="размер шрифта: 9pt">
</span>
<ул>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Прикладное программное обеспечение</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Разработка игр</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Драйвер</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Встроенная разработка</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Разработка мобильных устройств</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">MCU</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Дизайн базы данных</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Перенос кода</span></a></li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/"><span style="font-size: 9pt">Сетевое оборудование</span></a></li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/ " target="_blank" class="selected">
<span style="font-size: 9pt">Информация и знания</span></a><span style="font-size: 9pt">
</span>
<ул>
<li> <a class="selected" href=" http://www.downcodes.com/"><span style="font-size: 9pt">Информация и знания</span></a><span style="размер шрифта: 9pt">
</span>
<ул>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Практическая информация и инструменты</span> </a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Новости</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Знания и навыки</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Производство и оценка дизайна</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Обсуждение опыта транзакций проекта</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Загрузить</span></a></li>
</ul>
</li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Оценка отличных работ</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank">
<span style="font-size: 9pt">Набор сотрудников</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Об этом сайте</span></a></li>
</ul>
</td>
</tr>
</table>
</body>
</html>