Код:
<!--HTML-->
<! -- скрипт навигации выпадающим окном [основа скрипт вкладок http://imagiart.ru/, переработка вещего духа] -->
<script type="text/javascript" src="https://forumstatic.ru/files/001a/18/bd/96460.js"></script>
<div class="spirit-navigation" id="navig-batton" title="навигация">полезные ссылки</div>
<div id="navigblock" style="display:none"><div class="sslka">
<!-- важные ссылки -->
<a href="ссылка">название</a>
<a href="ссылка">название</a>
<a href="ссылка">название</a>
</div></div>
<style>/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */
.spirit-navigation {
background: rgba(0,0,0,.8);
height:36px;
width: 246px;
margin: auto;
display:block;
cursor: pointer;
font-size: 15px;
color: #dfdfdf;
transition: all 0.3s ease-in-out 0s;
top: 0;
font-family: roboto;
font-weight: 800;
text-align: center;
line-height: 34px;
letter-spacing: 1px
}
/* вид кнопки после клика по ней */
.spirit-navigation.spirit-navigation_hover{background: rgba(0,0,0,.5);
color: #888;
letter-spacing: 2px
}
/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock {width: 200px;
position: relative;
margin: auto;
margin-top: 5px;
z-index: 999;
}
/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {display: block;
opacity: .95;
padding: 5px;
background: rgba(0,0,0,.9);
box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset, 1px 2px 2px 1px rgba(0,0,0,.4);
border-radius: 2px
}
/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
background: #231e1e;
white-space: nowrap;
margin: 5px auto;
border-radius: 2px;
text-align: center;
transition: all 0.3s linear 0s;
display: block;
padding: 4px;
letter-spacing: 1px;
text-transform: uppercase;
width: 175px;
color: #a29480;
text-shadow: 0px 0px 1px rgba(0,0,0,1);
font-family: cormorant garamond;
font-size: 11px;
box-shadow: 0 0 1px 1px #111 inset, 0 2px 7px 2px rgba(255,255,255,.04) inset
}
/* ссылка при наведении */
#pun .sslka a:hover {
background-color:#231813 !important;
opacity: .9;
transform: scale(.8);
color: #847964
}</style>
