Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Горизонтальное меню
Горизонтальное меню
Nectar
Сообщений: 2
Репутация: 0

Сообщение # 1 | 16:49:20
Добрый день =) хотелось бы узнать как сделать такие категории меню как на этом сайте? http://pizza.ucoz.ru/
Вот мой сайт http://elpir.ru/ надеюсь что обязательно выручите)
Прикрепления: 2598744.jpg(369Kb)
Сообщение отредактировал webanet - Среда, 25 Фев 2015, 18:27:40
_VITALIK_
Сообщений: 696
Репутация: 115
Уровень замечаний:

Сообщение # 2 | 17:02:29
Nectar, в css ставите это
Код
#main-menu{float:right;}
#main-menu ul{list-style:none;margin-top:35px;}
#main-menu ul li{float:left;padding-left:30px;text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5);}
#main-menu ul li:first-child{padding-left:0;}
#main-menu ul li a{font:italic 16px/16px georgia;text-transform:lowercase;color:#888787;}
#main-menu ul li a:hover, #main-menu ul li a.uMenuItemA{ color: #FF1212;text-decoration:none;}
b.main-menu-item-nmber{font:700 italic 16px/16px georgia;color:#5DA813;}
#main-menu ul li a:hover b.main-menu-item-nmber, #main-menu ul li a.uMenuItemA b.main-menu-item-nmber{color:rgb(6, 178, 255);}
#main-menu2{float:left;}
#main-menu2 ul{list-style:none;margin-top:35px;}
#main-menu2 ul li{float:left;padding-left:30px;text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5);}
#main-menu2 ul li:first-child{padding-left:0;}
#main-menu2 ul li a{font:italic 16px/16px georgia;text-transform:lowercase;color:#888787;}
#main-menu2 ul li a:hover, #main-menu ul li a.uMenuItemA{color:rgb(6, 178, 255);text-decoration:none;}
b.main-menu-item-nmber{font:700 italic 16px/16px georgia;color:#5DA813;}
#main-menu2 ul li a:hover b.main-menu-item-nmber, #main-menu2 ul li a.uMenuItemA b.main-menu-item-nmber{color:rgb(6, 178, 255);}
.main-menu-item-nmber {display:none;}



А вот разметка

Код
<!-- <sblock_menu> -->
  <div align="left"><!-- <bc> --><div id="uNMenuDiv2" class="uMenuV"><ul class="uMenuRoot">
<li><a href="ссылка"><span>Пицца на тонком тесте</span></a></li>
<li><a href="ссылка"><span>Суши</span></a></li>
<li><a href="ссылка"><span>Роллы</span></a></li>
<li><a href="ссылка"><span>Роллы запеченные</span></a></li>
<li><a href="ссылка"><span>Wok</span></a></li>
<li><a href="ссылка"><span>Салаты</span></a></li>
<li><a href="ссылка"><span>Напитки</span></a></li>
<li><a href="ссылка"><span>Горячие закуски</span></a></li></ul></div><!-- </bc> --></div>
  <!-- </sblock_menu> -->

Nectar
Сообщений: 2
Репутация: 0

Сообщение # 3 | 18:05:54
Спасибо огромное с этим разобрался)) Появилась новая проблема,как создать свою ссылку, со своим названием)) что то типо http://elpir.ru/shop/sushi
почему то не доходит не как до меня cry
_VITALIK_
Сообщений: 696
Репутация: 115
Уровень замечаний:

Сообщение # 4 | 18:33:33
Цитата Nectar ()
Спасибо огромное с этим разобрался)) Появилась новая проблема,как создать свою ссылку, со своим названием)) что то типо http://elpir.ru/shop/sushi
почему то не доходит не как до меня

Nectar,
Код
<a href="ссылка">название</a>

Сообщение отредактировал _VITALIK_ - Среда, 25 Фев 2015, 18:38:23
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Горизонтальное меню
Страница 1 из 11
Поиск: