• Страница 1 из 1
  • 1
CSS меню с активными ссылками
UnderShot
Дата: Суббота, 05.09.2009, 20:38 | Сообщение # 1
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Я сверстал маленькую менюшку, и хочу сделать чтобы выделялась ссылка, на какой страничке ты находишься.

Вот скрин:

Я точно знаю, что это меню делается через JS, но незнаю как.
Пожалуйста, кто знает, ответьте как сделать, мне не объязательно на укозе, я сначала хочу увидеть результат работы на компютере.


Очень важная тема!
Filmzona — онлайн фильмы.
  
dancelot
Дата: Суббота, 05.09.2009, 20:56 | Сообщение # 2
говорун
Группа: Проверенные
Пользователь №: 26
Сообщений: 236
Получено оценок: 13
UnderShot, вы делаете меню вкладок?
  
UnderShot
Дата: Суббота, 05.09.2009, 21:08 | Сообщение # 3
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Вот код:
Code
<div class='topnav'><a href='#1'>Ссылка</a><a href='#2'>Ссылка</a><a href='#3'>Ссылка</a><a href='#4'>Ссылка</a><a href='#5'>Ссылка</a></div>

в CSS
Code
.topnav{width:100%;min-height:53px;background:url(img/navbg.gif) #e1e3e5 repeat-x top;text-align:center;padding-top:14px;border-bottom:1px solid #92969b;}
.topnav a{font:700 14px sans-serif;margin-right:20px}

Что мне нужно добавить, чтобы получилось меню с активными сылками?


Очень важная тема!
Filmzona — онлайн фильмы.
  
ColdFire
Дата: Суббота, 05.09.2009, 23:15 | Сообщение # 4
говорун
Группа: Проверенные
Пользователь №: 85
Сообщений: 123
Получено оценок: 7
Если меню с вкладками, то я без понятия :D
А если через CSS то по-моему так:
Code
.topnav a:active{margin-right:20px; font-family: sans-serif; font-size: 14px; font-weight: 700; color: ЦВЕТ;
}
  
chu4___x
Дата: Суббота, 05.09.2009, 23:39 | Сообщение # 5
говорун
Группа: Проверенные
Пользователь №: 13
Сообщений: 211
Получено оценок: 19
Code
$('div.topnav a:contains("' + location.search + '")').addClass('название_активного_класса');


«POST данные для модулей системы»
  
UnderShot
Дата: Воскресенье, 06.09.2009, 09:44 | Сообщение # 6
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
chu4___x, а можно поподробнее, как работает этот скрипт?
И все расписать, просто я еще не начал учить js, но в ближайшее время начну учить.

p.s У меня меню без вкладок


Очень важная тема!
Filmzona — онлайн фильмы.
  
chu4___x
Дата: Воскресенье, 06.09.2009, 11:54 | Сообщение # 7
говорун
Группа: Проверенные
Пользователь №: 13
Сообщений: 211
Получено оценок: 19
Ня.. http://webcodes.ru/publ/1-1-0-1085

«POST данные для модулей системы»
  
UnderShot
Дата: Воскресенье, 06.09.2009, 14:02 | Сообщение # 8
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
chu4___x, низкий тебе поклон!

Очень важная тема!
Filmzona — онлайн фильмы.
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.