Html код меню: <ul class="bnav" <li><a href="#"Ссылка в навигации</a></li> <li><a href="#"Ссылка в навигации</a></li> <li><a href="#"Ссылка в навигации</a></li> <li><a href="#"Ссылка в навигации</a></li> <li><a href="#"Ссылка в навигации</a></li> <li><a href="#"Ссылка в навигации</a></li> </ul>
В таблицу Стилей (CSS):
.bnav li a { display: block; width: 185px; height: 33px; background: url(http://dream-designs.ru/bnav.png) no-repeat; color: #c3c3c3; font-family: Verdana; font-size: 11px; padding: 0 5px; text-transform: uppercase; line-height: 32px; text-decoration: none;text-shadow: 1px 1px #181818;} .bnav li a:hover { background-position: 0 -33px;-webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
Так же имеется версия для автоматического меню укоз $SMENU_1$, которая требует только css код в Таблицу Стилей(CSS):
.uMenuV li a { display: block; width: 185px; height: 33px; background: url(http://dream-designs.ru/bnav.png) no-repeat; color: #c3c3c3; font-family: Verdana; font-size: 11px; padding: 0 5px; text-transform: uppercase; line-height: 32px; text-decoration: none;text-shadow: 1px 1px #181818;} .uMenuV li a:hover { background-position: 0 -33px;-webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
|