Простое горизонтальное меню (constructorus.ru)

Горизонтальное меню (constructorus.ru)

Горизонтальное меню как на сайте constructorus.ru вы можете скачать с Яндекс.Диска внизу страницы

Предлагаю вашему вниманию простое горизонтальное меню. В качестве фона используется картинка.


Как будет выглядеть:

Простое горизонтальное меню


HTML код:

<div id="foxmenucontainer">
            <div id="foxmenu">
            <ul><a href="http://wmz-mail.at.ua"></a>
                <li><a href="http://constructorus.ru/">Main</a></li>
                <li class="page_item page-item-2"><a href="http://constructorus.ru/about">About</a></li>
<li class="page_item page-item-7988"><a href="http://constructorus.ru/podderzhka">Support</a></li>
<li class="page_item page-item-143"><a href="http://constructorus.ru/karta-sajta">Sitemap</a></li>
<li class="page_item page-item-166"><a href="http://constructorus.ru/kontakty-2">Contacts</a></li>
            </ul>
    </div>        
    </div>

CSS код: 

/* Menu */
#foxmenucontainer{

    }
#foxmenu{
    background: url("menu-mer.jpg") repeat scroll 0 0 transparent;
    height: 32px;
    }
#foxmenu ul{
    height: 26px;
    list-style-type: none;
    margin: 0;
    padding: 8px 20px 0 35px;
    }
#foxmenu ul li{
    display: block;
    float: left;
    margin: 0 25px 0 0;
    padding: 0;
    }
#foxmenu ul li a{
    color: #FFFFFF;
    font-family: arial;
    font-weight: bold;
    text-shadow: 1px 1px 1px #76211C;
    }
#foxmenu ul li a:hover{

    }
#foxmenu ul li a.current,#foxmenu ul li a.current:hover{
    color:#fff;
    background:transparent url(foxmenu_bg-OFF.gif) no-repeat top right;
    }


Скачать с Яндекс.Диска


 

Ставив лайк Вы помогаете сайту :)

Статьи по теме:
Рейтинг:
5.0/5 из 2
Категория: Готовые элементы для сайта | Добавил: zaharchuk (09.02.2015)
Просмотров: 711
Комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]