Вертикальное меню для uCoz
Простое вертикальное менюz. В чем то не обычное. Возможно кому и пригодиться. У каждого раздела есть свой цветовой оттенок цвета чем оно и привлекательное. Приступаем к установке: В CSS вашего сайта: Код body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 80%; font-weight: bold; background: #FFF; } h2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px 0px 0px 15px; } ul { list-style: none; margin: 0; padding: 0; } img { border: none; } /*- Menu 12--------------------------- */ #menu12 { width: 200px; margin: 10px; } #menu12 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 22px; text-decoration: none; } #menu12 li a:link, #menu12 li a:visited { color: #666; display: block; background: url(http://zornet.ru/scriptucoz/menu12.gif); padding: 10px 0 0 35px; } #menu12 li a:hover, #menu12 li #current { color: #000; background: url(http://zornet.ru/scriptucoz/menu12.gif) 0 -32px; padding: 10px 0 0 35px; } В блок вашего сайта: Код <div id="menu12"> <ul> <!-- CSS Tabs --> <li><a href="Home.html">http://zornet.ru/</a></li> <li><a href="Products.html">http://zornet.ru/</a></li> <li><a href="Services.html">http://zornet.ru/</a></li> <li><a href="Support.html">http://zornet.ru/</a></li> <li><a href="Order.html">http://zornet.ru/</a></li> <li><a id="current" href="News.html">http://zornet.ru/</a></li> <li><a href="About.html">http://zornet.ru/</a></li> </ul> </div> |
Поделиться в социальных сетях
Материал разместил
Комментарии: 0 | |