Ликиликс

  сайтостроение программирование

  

Сделать красивое меню для сайта

сделать красивое, горизонтальное меню для сайта


  21.10.2012  
Сегодня для одного из своих сайтов понадобилось сделать красивое и удобное горизонтальное меню посредствами javascript и CSS, что получилось у меня вы можете наблюдать чуть ниже.
Для того чтобы самому не забыть, а за одно и с вами поделиться решил написать эту статью.
Итак, для начала нужно подключить javascript и CSS для этого разместите у себя на странице эти два кода.

javascript

<script type="text/javascript" src="jquery.js"></script>

CSS

<link href="sty.css" rel="stylesheet" media="all" />
Скачайте этот архив и загрузите его в корень своего сайта. Сам архив содержит 3 файла

jquery.js Эфекты меню

bg.gif Картинка - цвет кнопки меню

sty.css Стиль кнопок меню

Если нужно изменить цвет кнопок то для этого измените цветавую гамму картинки bg.gif, а на помощь нам прийдёт онлайн фотошоп на русском языке, помните я уже писал как убрать фон у картинки
Теперь добавим и само отображение меню, вставьте код в то место где будет
размещено горизонтальное меню.
<div class="con">
 <ul id="topnav" class="v1">
    <li><a href="
http://likiliks.ru/"target=_blank>Главная</a></li>
    <li><a href="
http://likiliks.ru/"target=_blank>Поиск</a></li>
    <li><a href="
http://likiliks.ru/"target=_blank>Регистрация</a></li>
    <li><a href="
http://likiliks.ru/"target=_blank>Карта сайта</a></li>
    <li><a href="
http://likiliks.ru/"target=_blank>О сайте</a></li>
 </ul>
</div>
Ну вот наверное на этом моя статья и заканчивается, сегодня вы узнали как
сделать красивое меню для сайта, оно подойдёт обсалютно к любому сайту как на
wordpress так и на простой html


 

Подпишитесь на новые статьи через twitter

 

 
Copyright © My Company 2009-2013      обратная связькарта сайта