x-MU.net форум

<style>
.user_cpbg span {font-weight:bold;}
.cp_s { margin-left:18px; margin-top:10px;}
.cp_lc {
list-style:none;
border:none 5px #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

background-color: rgba(255,  255,  255,  0.4);
background: rgba(255,  255,  255,  0.4);

width:80px; height:80px;
float:left; margin-right:30px; margin-bottom:30px;
}
.cp_lc img { width:75px; height:75px; }
.cp_lc img {
margin-left:0px; margin-top:2px;
}
.cp_lc span { margin-left:8px; }

</style>

<div class="user_cpbg">
</style>
<span class="sta_line"><a href="?p=mainmenu"><span class="style1">Главная Панель</span></span>
<ul class="cp_s">
<li class="cp_lc"><a href="?up=usercp"><img src="https://XXXXX.ru/mu/theme/Ehwaz/lc/lc.png" width="90" height="90" title="Личный кабинет" longdesc="?up=usercp"></a><span><center><br>Личный кабинет</center></span></li>
<li class="cp_lc"><a href="?up=npwd"><img src="https://XXXXX.ru/mu/theme/Ehwaz/lc/cp.png" width="90" height="90" title="Сменить пароль" longdesc="?up=npwd"></a><span><center><br>Сменить пароль</center></span></li>
<li class="cp_lc"><a href="https://XXXXX.ru/mu/pricelist.html"><img src="https://XXXXX.ru/mu/theme/Ehwaz/lc/dd.png" width="80" height="90" title="Пожертвования" longdesc="?p=donate"></a><span><center><br>Пожертвования</center></span></li>
<li class="cp_lc"><a href="?up=bank"><img src="https://XXXXX.ru/mu/theme/Ehwaz/lc/bank.png" width="90" height="90" title="Web-банк" longdesc="?up=bank"></a><span><center><br>Web-банк</center></span></li>
<li class="cp_lc"><a href="?up=hourex"><img src="https://XXXXX.ru/mu/theme/Ehwaz/lc/cm.png" width="90" height="90" title="Обмен Времени на ГЕМ" longdesc="?up=hourex"></a><span><center><br>Обмен онлайн часов</center></span></li>
<!----<li class="cp_lc"><a href="?p=toprefers"><img src="https://XXXXX.ru/mu/theme/Ehwaz/lc/referels.png" width="90" height="90" title="Топ Рефералов" longdesc="?p=toprefers"></a><span><center>Топ рефералов</center></span></li>
<li class="cp_lc"><a href="?p=topvotes"><img src="https://XXXXX.ru/mu/theme/Ehwaz/lc/Votes.png" width="90" height="90" title="Топ Голосующих " longdesc="?p=topvotes"></a><span><center>Топ голосующих</center></span></li>
<li class="cp_lc"><a href="?up=wsell"><img src="https://XXXXX.ru/mu/theme/Ehwaz/lc/ws.png" width="90" height="90" title="Web-магазин" longdesc="?up=wsell"></a><span><center>Web-магазин</center></span></li>
<li class="cp_lc"><a href="?up=servises"><img src="https://XXXXX.ru/mu/theme/Ehwaz/lc/usl.png" width="90" height="90" title="Услуги" longdesc="?up=bank"></a><span><center>Услуги</center></span></li>
<li class="cp_lc"><a href="?up=scred"><img src="https://XXXXX.ru/mu/theme/Ehwaz/lc/wm.png" width="90" height="90" title="Обмен Кредитов" longdesc="?up=scred"></a><span><center>Обмен Кредитов</center></span></li>
--->
</ul>
</div>

#colorNav > ul{
margin:0 auto;
}

#colorNav > ul > li{ /* стили только для элементов верхнего уровня */
list-style: none;
display: inline-block;
line-height: 1;
position:relative;
}

#colorNav > ul > li > a{
color:#030;
text-decoration:none !important;
font-size:16px;

}

#colorNav li ul{
position:absolute;
list-style:none;
text-align:center;
margin-left:-55px;
width:150px;
top:5px;
/* Важно для анимации вывода/скрытия  */
max-height:0px;
overflow:hidden;

-webkit-transition:max-height 0.4s linear;
-moz-transition:max-height 0.4s linear;
transition:max-height 0.4s linear;
}

#colorNav li ul li{
background-color: rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.9);
border-bottom:1px solid #CCC;
}

#colorNav li ul li a{
padding:5px;
color:#333 !important;
text-decoration:none !important;
display:block;
}

#colorNav li ul li:nth-child(odd){ /* Полоски зебры */
background-color: rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.9);
}

#colorNav li ul li:hover{
background-color: rgba(255, 255, 255, 0.7);
background: rgba(255, 255, 255, 0.7);
text-decoration:underline;
}

#colorNav li ul li:first-child{
border-radius:3px 3px 0 0;
margin-top:25px;
position:relative;
}

#colorNav li ul li:first-child:before{ /* Указатель подсказки */
content:'';
position:absolute;
width:1px;
height:1px;
border:5px solid transparent;
border-bottom-color:rgba(255, 255, 255, 0.9);
left:50%;
top:-10px;
margin-left:-5px;
}

#colorNav li ul li:last-child{
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
}

/* Запуск анимации перехода CSS */
/* при наведении курсора мыши на элемент */

#colorNav li:hover ul{
max-height:900px; /* Увеличиваем при добавлении дополнительных выпадающих пунктов */
}

<tr>
<td height='15' align='center'><div id="bank">|lang_nav_Zen|:|bankZ_show| Zen<br>|lang_nav_wZen|: |wareg_show| Zen </div></td>
</tr>
<tr>
<td align='center' height='4'> <nav id="colorNav">
<ul>
<li class="red">
<a href="#" class="icon-cogs"><div id="bank">Пользовательское Меню</div></a>

<ul>
<li><a href="|siteaddress|/?p=mainmenu">Основное меню</a></li>
<li><a href="|siteaddress|/?up=chinfo">Персонажи</a></li>
</ul>
</li>
</ul>
</nav></td>
</tr>
<tr>
<td align='center' ><form name='outform' method='POST' action=''><input type='submit' value='|button_logout|' name='usrout' class='t-button'></form></td>
</tr>
</table>