На главную Форум сайта Вы Гость + Регистрация / Вход
Красивыое верхнее меню для ucoz (Зелёное) - Форум чат общение
ПОПУЛЯРНЫЕ ТЕМЫ
[Игра] 15 +
Оставлено 179 сообщений в теме
досчитай до 100
Оставлено 99 сообщений в теме
Как разыграть друга в в...
Оставлено 72 сообщений в теме
Сигны в формате psd
Оставлено 70 сообщений в теме
[Игра] Города
Оставлено 69 сообщений в теме
[Игра] Поставить + выше...
Оставлено 44 сообщений в теме
Раздача WMB
Оставлено 41 сообщений в теме
 

  • Страница 1 из 1
  • 1
Красивыое верхнее меню для ucoz (Зелёное)
Support@NC
Дата: Вторник, 13.12.2011, 00:58 | Сообщение # 1
Создатель топика
NN-CS.3DN.Ru Агент
Администратор
Сообщений: 0
Репутация: 54
Награды: 8
[RU]


Красивыо верхнее меню для ucoz. Меню в зелёных тонах для ucoz.

В CSS:

Code
#hnav_list, #hnav_list li{display:block; padding:0; margin:0; list-style:none;}
#hnav_list {float:left; padding:0 2px 0 0; background:url(http://salepurchase.ru/manucoz.ru_hnav_bg.png) no-repeat right -93px;}
#hnav_list li {height:26px; padding:5px 3px 0 5px; float:left; background:url(http://salepurchase.ru/manucoz.ru_hnav_bg.png) no-repeat 0 -62px;}
#hnav_list li.home_link {width:29px; height:31px; padding:0; margin:0; background:url(http://salepurchase.ru/manucoz.ru_hnav_bg.png) no-repeat 0 -31px;}
#hnav_list li.home_link a {width:29px; height:31px; display:block;}
#hnav_list li.home_link a:hover {background:url(http://salepurchase.ru/manucoz.ru_hnav_bg.png) no-repeat -29px -31px;}
#hnav_list li a {height:21px; display:block; font-weight:bold; color:#fff; text-decoration:none;}
#hnav_list li a span {height:21px; line-height:21px; padding:0 11px;display:block; cursor:pointer;}
#hnav_list li a:hover {color:#85b63d; background:#f8f8f8 url(http://salepurchase.ru/manucoz.ru_hnav_bg.png) no-repeat -200px -62px;}
#hnav_list li a:hover span {background:url(http://salepurchase.ru/manucoz.ru_hnav_bg.png) no-repeat right -62px;}


Туда, где хотим видеть меню:

Code
<ul id="hnav_list">
<li class="home_link" title="На главную страницу"><a href="/"></a></li>
<li><a href="http://nn-cs.3dn.ru/"><span>nn-cs.3dn.ru</span></a></li>
<li><a href="http://nn-cs.3dn.ru/"><span>nn-cs.3dn.ru</span></a></li>
<li><a href="http://nn-cs.3dn.ru/"><span>nn-cs.3dn.ru</span></a></li>
<li><a href="http://nn-cs.3dn.ru/"><span>nn-cs.3dn.ru</span></a></li>
<li><a href="http://nn-cs.3dn.ru/"><span>nn-cs.3dn.ru</span></a></li>
</ul>


Служба поддержки NN-CS.3DN.Ru Агент
  • Страница 1 из 1
  • 1
Поиск:

Как писать сообщения и создавать свои темы на форуме?

Вверх