Отличное раздвижное меню для сайта!
Данное меню подойдёт под любой дизайн!
Данное меню подойдёт под любой дизайн!
Инструкция по установке:
1.Приведенный ниже код вставить в самый верх таблицы стилей css
Code
/* МЕНЮ */
a.menu_tip1 {display:block; width:172px; height:18px; text-align:left; background:url('http://bu-portal.at.ua/KARTINKI2/menu_a.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 20px;}
a.menu_tip2 {display:block; width:152px; height:18px; text-align:left; background:url('http://bu-portal.at.ua/KARTINKI2/menu_b.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 40px;}
a.menu_tip3 {display:block; width:152px; height:18px; text-align:left; background:url('http://bu-portal.at.ua/KARTINKI2/menu_c.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 40px;}
a.menu_tip1:link, a.menu_tip2:link, a.menu_tip3:link { text-decoration:none; color:#848484;}
a.menu_tip1:visited, a.menu_tip2:visited, a.menu_tip3:visited { text-decoration:none; color:#848484;}
a.menu_tip1:hover, a.menu_tip2:hover, a.menu_tip3:hover { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;}
a.menu_tip1:active, a.menu_tip2:active, a.menu_tip3:active { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;}
/* ---- */
a.menu_tip1 {display:block; width:172px; height:18px; text-align:left; background:url('http://bu-portal.at.ua/KARTINKI2/menu_a.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 20px;}
a.menu_tip2 {display:block; width:152px; height:18px; text-align:left; background:url('http://bu-portal.at.ua/KARTINKI2/menu_b.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 40px;}
a.menu_tip3 {display:block; width:152px; height:18px; text-align:left; background:url('http://bu-portal.at.ua/KARTINKI2/menu_c.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 40px;}
a.menu_tip1:link, a.menu_tip2:link, a.menu_tip3:link { text-decoration:none; color:#848484;}
a.menu_tip1:visited, a.menu_tip2:visited, a.menu_tip3:visited { text-decoration:none; color:#848484;}
a.menu_tip1:hover, a.menu_tip2:hover, a.menu_tip3:hover { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;}
a.menu_tip1:active, a.menu_tip2:active, a.menu_tip3:active { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;}
/* ---- */
2.Приведенный ниже код в ставить в любое место где будет находится меню
