кнопки меню

Код:

<div class="menu_vg">
<a href="/f1-forum"><span style="background-image: url('http://www.snapsnap.ru/i/qvqqvq.png')"><span></a>
</div>

Код:

\ МЕНЮ КНОПКИ\
.menu_vg a span {
display: block;
height: 30px;
width: 150px;
}
.menu_vg a span:hover {
background-position: 0 -30px;
}

olg@2013 пишет:Спасибо почитаю  

Код:

   <a href="/f1-forum"><span style="background-image: url('http://i28.servimg.com/u/f28/16/08/40/28/fggh311.png')"><span></a>

Код:

<div id="alter_menu">

<a href="/portal"><img src="http://i58.servimg.com/u/f58/18/31/27/43/dydnnd10.png" alt="Портал" /></a>

<a href="/forum"><img src="http://i58.servimg.com/u/f58/18/31/27/43/ddnnd_10.png" alt="Форум" /></a>

<a href="/faq"><img src="http://i58.servimg.com/u/f58/18/31/27/43/dddd10.png" alt="Faq" /></a>

<a href="/search"><img src="http://i58.servimg.com/u/f58/18/31/27/43/dyddnd10.png" alt="Поиск"  /></a>

<a href="/memberlist" rel="nofollow"><img src="http://i58.servimg.com/u/f58/18/31/27/43/dyddno10.png" alt="Пользователи" /></a>

<a href="/groups" rel="nofollow"><img src="http://i58.servimg.com/u/f58/18/31/27/43/ddddyd10.png" alt="Группы" /></a>

<a href="/profile?mode=editprofile" class="to_user"><img src="http://i58.servimg.com/u/f58/18/31/27/43/dyndnd10.png" alt="Профиль" /></a>

<a href="/msg.forum?folder=inbox" id="am_ls" class="to_user"><img src="http://i58.servimg.com/u/f58/18/31/27/43/ddddnd10.png" alt="Личные Сообщения" /></a>

<a href="/login.forum?logout" class="to_user"><img src="http://i58.servimg.com/u/f58/18/31/27/43/dnndd10.png" alt="Выход" /></a>

<a href="/login" id="am_log" class="to_guest"><img src="http://i58.servimg.com/u/f58/18/31/27/43/dndd10.png" alt="Вход" /></a>

<a href="/profile?mode=register" id="am_reg" class="to_guest"><img src="http://i58.servimg.com/u/f58/18/31/27/43/dduddn10.png" alt="Регистрация" /></a>

</div>

Код:

jQuery(document).ready(function(){

if (jQuery('.basemn').is(":has('#i_icon_mini_logout')")) {
jQuery(".to_guest").hide()
}
else {jQuery("#mn_reg, #mn_login").show();
jQuery(".to_user").hide()
}

if (jQuery('.basemn').is(":has('#i_icon_mini_new_message')")) {
jQuery("#am_ls img").attr({src: "http://i58.servimg.com/u/f58/18/31/27/43/dddddu10.png", alt: "Новое ЛС!"})
}
else {jQuery("#am_ls img").attr('src', 'http://i58.servimg.com/u/f58/18/31/27/43/ddddnd10.png')
}

});