|
|
Модератор форума: Yuri_G |
Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами Горизонтальное меню |
Горизонтальное меню |
Добрый день =) хотелось бы узнать как сделать такие категории меню как на этом сайте? http://pizza.ucoz.ru/
Вот мой сайт http://elpir.ru/ надеюсь что обязательно выручите) Прикрепления:
2598744.jpg
(369.2 Kb)
Сообщение отредактировал webanet - Среда, 25 Фев 2015, 18:27:40
|
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> --> |
Спасибо огромное с этим разобрался)) Появилась новая проблема,как создать свою ссылку, со своим названием)) что то типо http://elpir.ru/shop/sushi почему то не доходит не как до меня Nectar, Код <a href="ссылка">название</a> Сообщение отредактировал _VITALIK_ - Среда, 25 Фев 2015, 18:38:23
|
| |||
| |||