Красивое вертикальное меню выполнено в сером цвете,при заведении выезжает в право.
Установка:
Вот html код меню его вставляете туда где хотите чтобы было меню.
Code
<div id="SHAD_menu" align="left">
<a href="/" >Пусто</a>
<a href="/" >Пусто</a>
<a href="/" >Пусто</a>
<a href="/" >Пусто</a>
</div>
<a href="/" >Пусто</a>
<a href="/" >Пусто</a>
<a href="/" >Пусто</a>
<a href="/" >Пусто</a>
</div>
А это CSS стиль меню его вставляете в Таблицу стилей (CSS)
Code
#SHAD_menu a {padding:5px;background: #F4F4F4;color:#686767;text-decoration: none;border-bottom: 1px solid #CCCCCC;display: block;}
#SHAD_menu a:hover {background: #fff;padding-left:25px;color:#000;transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;}
#SHAD_menu a:hover {background: #fff;padding-left:25px;color:#000;transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;}
Готово.
Посмотреть демо Вертикальное меню для ucoz
Другие новости |
Поделиться ссылкой
|