).Облазил уже весь интернет. Перепробовал многое - не получается.
Я создал своё меню. При наведении на каждый пункт подсвечивается стрелочкой. Мне нужно, что бы стрелочка оставалась на активном пункте. Как это сделать. Стрелочку можно активировать через цсс class="current".
Подскажите плз, очень нужно.
форум http://kyivstar-inet.com
код в оверал хедер
Код: Выделить всё
<ul class="solidblockmenu">
<li{U_INDEX_STYLE}><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
<!-- IF SN_MODULE_MAINPAGE_ENABLED --><li><a href="{U_SN_MAINPAGE}">{L_SN_MP_MAINPAGE}</a><span id="snNtfNotify"<!-- IF S_SN_USER_UNREAD_NOTIFY eq 0 --> style="display:none"<!-- ENDIF -->>(<a href="{U_VIEW_NOTIFY}"><!-- IF S_SN_USER_UNREAD_NOTIFY neq 0 -->{S_SN_USER_UNREAD_NOTIFY}<!-- ENDIF --></a>)</span></li><!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN and not S_IS_BOT and SN_MODULE_PROFILE_ENABLED --><li><a href="{U_SN_MY_PROFILE}" title="{L_SN_MYPROFILE}">Профайл</a></li><!-- ENDIF -->
<!-- Start Ultimate Points -->
<!-- IF S_POINTS_ENABLE -->
<li><a href="{U_POINTS}" title="{L_POINTS_EXPLAIN}">Управление{POINTS_LINK}<!-- IF S_USER_LOGGED_IN and S_USE_POINTS --> [ {USER_POINTS} ] <!-- ENDIF --></a></li>
<!-- ENDIF -->
<!-- End Ultimate Points -->
<li{U_PROFILE_STYLE}><a href="{U_PROFILE}" title="{L_PROFILE}"><span>{L_PROFILE}</span></a></li>
<!-- IF S_DISPLAY_PM --><li{U_PRIVATEMSGS_STYLE}><a href="{U_PRIVATEMSGS}"><span>{PRIVATE_MESSAGE_INFO}</span></a></li><!-- ENDIF -->
<!-- ENDIF -->
<li><!-- IF U_MCP --><a href="{U_MCP}">{L_MCP}</a><!-- ENDIF --></li>
<!-- IF not S_IS_BOT -->
<!-- IF not S_USER_LOGGED_IN --><li{U_REGISTER_STYLE}><a href="{U_REGISTER}"><span>{L_REGISTER}</span></a></li><!-- ENDIF -->
<li{U_LOGIN_LOGOUT_STYLE}><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l"><span>{L_LOGIN_LOGOUT}</span></a></li>
<!-- ENDIF -->
</ul>
Код: Выделить всё
.solidblockmenu{
margin: 0;
padding: 0 0px;
float: left;
font: bold 13px Arial;
width: 100%;
border-top: 1px solid #178FC0;
border-width: 1px 0;
background: black url(4-horiz-menu-bar.png) center center repeat-x;
height: 42px;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 13px 11px;
text-decoration: none;
background: url(4-horiz-menu-div.png) no-repeat scroll 100% 0 transparent;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: url("4-horiz-menu-active.png") no-repeat scroll 50% 0 transparent;
}
</style>
<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
