Здравствуйте, в этом уроке я решил разобрать создание очень красивого меню изображенного ниже, используя CSS:
Для начала создадим блок main_menu, в котором будет находиться наше меню, а затем поместим в него список необходимых элементом меню, ниже можно посмотреть исходный код вышеизложенного: [add]<div class="main_menu"> <ul class="menu"> <li class="selected"><a href="http://for-gamers.do.am">Главная</a></li></h3> <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 class="rss"><a href="#">RSS</a></li> </ul> </div>[/add]
На изображении ниже можно проследить расположение блоком, с классами rss и selected:
А теперь необходимо оформить наше меню для его более красивого отображения, для этого пропишем CSS стили: