Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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;
}
Ответить с цитированием
  #2 (permalink)  
Старый 03.02.2014, 08:44
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

Сообщение от tarasvepr
как сделать чтобы пункт меню бил виделений
Тут есть пример...
Нужна помощь в условиях if
Ответить с цитированием
  #3 (permalink)  
Старый 03.02.2014, 11:50
Профессор
Отправить личное сообщение для krasovsky Посмотреть профиль Найти все сообщения от krasovsky
 
Регистрация: 21.12.2012
Сообщений: 869

Вообщет тебе не сюда это js форум. Но...

ul#menu li a:hover,ul#menu li a.active { //класс active
background-position: 20% 100%;
width: 200px;
height: 55px;
display:block;
color:#fff;
text-shadow: #1185EE 2px 2px 0;
}

Добавь к кнопке этот класс и будет тебе выделиний
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как сделать чтобы в popup окне показывалось картинка? sarik Общие вопросы Javascript 31 15.03.2013 13:12
как сделать так чтобы в popup окне принимался css стили,? sarik Общие вопросы Javascript 2 12.03.2013 10:24
Исчезающие меню, как сделать стандартными методами? Astrey Общие вопросы Javascript 14 08.03.2013 20:28
Как сделать чтобы менялся background в раскрывающемся меню Teotim Элементы интерфейса 2 20.10.2012 20:28
Как сделать, чтобы выпадающее меню оставалось развернутым? Эдгар Элементы интерфейса 1 28.02.2011 19:43