аватар

Я Немного о себе Присягу перед Родиной выполнил и вышел в запас на гражданку. В свободное время увлекаюсь WEB-дизайном (для души). Создал сайт
для лиц старшего поколения и несколько блогов различной тематики. Всегда рад друзьям, новым знакомым и единомышленникам. Пишите на email (Задать вопрос).

Создай визитку
               
Не возможно "оживить" web-страницу без HTML и CSS.
Это инструментальный ящик для WEB-мастеров. Здесь я делюсь некоторыми хитростями по созданию WEB страниц в интернете, о пользовании компьютером и о работе с программами.

Выпадающее вертикальное меню для сайта

Код CSS (цвет текста по вкусу) между тегами <head> </head>:
<style type=text/css> 
#nav,#nav ul{border:1px solid #000;border-bottom:0;list-style:none;width:150px;font:14px Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0} 
#nav li{position:relative;background-color:#404040} 
#nav li:hover,#nav li.jshover{background-color:#ccc} 
#nav a{border-bottom:1px solid #333;color:#FFFF00;display:block;text-decoration:none;position:relative;padding:5px 10px} * html #nav li{float:left} * html #nav li a{height:1%} #nav a:hover{background-color:#ccc;color:#333} 
#nav li ul{position:absolute;top:-1px;left:150px;display:none} 
#nav li:hover li ul,#nav li.jshover li ul{display:none} 
#nav li:hover ul,#nav li.jshover ul,#nav li:hover li:hover ul,#nav li.jshover li.jshover ul{display:block} 
</style>

Код HTML(количество страниц по необходимости) между тегами <body> </body>:

<ul id="vervipmenu"> 
<li><a href="#">Главная</a></li> 
<li><a href="#">Страница 1</a> 
<ul> 
        <li><a href="#">Страница 1.1</a></li> 
        <li><a href="#">Страница 1.2</a></li> 
        <li><a href="#">Страница 1.3</a></li> 
</ul> </li> 
<li><a href="#">Страница 2</a> 
<ul> 
         <li><a href="#">Страница 2.1</a></li> 
         <li><a href="#">Страница 2.2</a> 
         <ul> 
                <li><a href="#">Страница 2.2.1</a></li> 
                <li><a href="#">Страница 2.2.2</a></li> 
                <li><a href="#">Страница 2.2.3</a></li> 
         </ul> </li> 
         <li><a href="#">Страница 2.3</a></li> 
</ul> </li> 
<li><a href="#">Страница 3</a></li> 
<li><a href="#">Страница 4</a></li> 
</ul>