Создание сайтов на заказ ; Красивое меню для сайта - портфолио web-дизайнера

Красивое меню для сайта

menu

Сегодня я расскажу о том, как создать красивое меню для своего сайта. Подробно напишу какие изменения нужно внести. Итак, html создаем обычный список, будет выглядеть это вот так:

[php]<ul id="menu">
    <li><a href="#">Главная</a></li>
    <li><a href="#">Знакомимся</a></li>
    <li><a href="#">Портфолио</a></li>
    <li><a href="#">Заказать</a></li>
    <li><a href="#">Дневник</a></li>
    <li><a href="#">Карта сайта</a></li>

 </ul>[/php]

Все то что внутри тега <li> вы можете заменить на свое значение и эти названия потом будут выведены в вашем меню на сайте.

Далее нужно внести изменения в файл style.css Я привожу пример, как это сделано у меня, опять же все можно стилизовать на свой вкус и цвет

[php]#nav{
  margin: -60px;
}

#nav li
{
display:inline;
}

#nav li a
{
font-family:"Century Gothik";
font-size:20px;
text-decoration: none;
float:left;
padding:10px;
background-color: #333333;
color:#ffffff;
border-bottom:1px;
border-bottom-color:#000000;
border-bottom-style:solid;
}
#nav li a:hover
{
background-color:#9B1C26;
padding-bottom:12px;
border-bottom:2px;
border-bottom-color:#000000;
border-bottom-style:solid;
margin:-1px;
}[/php]

 

Вот так вот простенько, получается оригинальное красивое меню. К сожалению источник вдохновения был утерян, по этому пишу что взято на просторах интернет. Пожалуйста, пользуйтесь!

comments powered by HyperComments

Читайте также: