Показать сообщение отдельно
  #1 (permalink)  
Старый 03.02.2014, 01:06
Новичок на форуме
Отправить личное сообщение для tarasvepr Посмотреть профиль Найти все сообщения от tarasvepr
 
Регистрация: 03.02.2014
Сообщений: 1

как сделать чтобы пункт меню бил виделений
помогите пожалуйста
єто код html:
<ul id="menu">
<li><a href="http://tarasbendyk.at.ua/"><span>Головна сторінка</span></a></li>
<li><a href="http://tarasbendyk.at.ua/photo"><span>Фотоальбом</span></a></li>
<li><a href="http://tarasbendyk.at.ua/index/cikava_informacija/0-6"><span>Цікаво знати</span></a></li>
<li><a href="http://tarasbendyk.at.ua/load/muzika/1"><span>Музика</span></a></li>
<li><a href="http://tarasbendyk.at.ua/load/video/2"><span>Відео</span></a></li>
<li><a href="http://tarasbendyk.at.ua/index/onlajn_fotoshop/0-7"><span>Фоторедактор</span></a></li>
<li><a href="http://tarasbendyk.at.ua/gb"><span>Гостьова книга</span></a></li>
<li><a href="http://tarasbendyk.at.ua/index/0-2"><span>Про сайт</span></a></li>

css:
ul#menu {list-style-type:none; margin:0; padding:0;}

ul#menu li a{
color:#000;
background: url(http://wallaby.ucoz.ru/menu/vert_menu5.png) no-repeat 0 0;
text-decoration:none;
width: 200px;
height: 55px;
display:block;
border:none;
text-shadow: #ddd 2px 2px 0;
}

ul#menu li a:hover {
background-position: 20% 100%;
width: 200px;
height: 55px;
display:block;
color:#fff;
text-shadow: #1185EE 2px 2px 0;
}

ul#menu li a span{
font-family:Century Gothic;
font-size:18px;
padding:17px 0 0 10px;
display:block;
}
Ответить с цитированием