|
как выделить текущий(активный) раздел менюшки
|
|
Суббота, 22.09.2012, 11:59
Пользователь
столкнулся с проблемой, при переходе по разделам категорий, текущая(активная) ссылка не меняет цвет , что собственно некрасиво смотрится да и непонятно в каком разделе находишся.. я так понимаю нужно хаключить менбшку в класс прописанный в ксс, пробывал, но то-то неполучается, прошу помощи..
код менюшки:
<table border="0" cellspacing="1" cellpadding="0" width="100%" class="catsTable">
<tbody>
<tr>
<td style="width:100%" class="catsTd" id="cid1" valign="top">
<a href="http://mysite.at.ua/load/komedii/1" class="catName">Комедии</a>
</td>
</tr>
<tr>
<td style="width:100%" class="catsTd" id="cid2" valign="top">
<a href="http://mysite.at.ua/load/anime/2" class="catName">Аниме</a>
</td>
</tr>
</tbody>
</table>
Вот что в CSS :
/* Module Part Menu */
.catsTable {}
.catsTd {padding: 0 0 6px 13px; background: url('/.s/t/971/12.gif') no-repeat 0px 3px;}
.catName {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNameActive {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNumData {font-size:7pt;color:#555555;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#8B8881;}
a.catName:visited {text-decoration:none; color:#8B8881;}
a.catName:hover {text-decoration:underline; color:#000000;}
a.catName:active {text-decoration:none; color:#8B8881;}
a.catNameActive:link {text-decoration:none; color:#000000;}
a.catNameActive:visited {text-decoration:none; color:#000000;}
a.catNameActive:hover {text-decoration:none; color:#0C5BFE;}
a.catNameActive:active {text-decoration:underline; color:#000000;}
/* ----------------- */ |
http://myfilmhd.at.ua - мой сайт, в будущем надеюсь крупнейший онлайн кинотеатр. |
|
Суббота, 22.09.2012, 13:59
Проверенный
| denUK, :active дает стили для нажатой ссылки, но не для активной. там надо через jQuery |
|
Суббота, 22.09.2012, 14:39
Проверенный
Не надо jquery.
Ссылке меню категорий (вызванное стандартным кодом), автоматически придётся класс .catnameactive
Итого добавить в css:
Code .catnameactive {color:#ff00ff;} |
Вёрстка макетов под uCoz - http://megasoft.3dn.ru/forum/95-278021-1 |
|
Суббота, 22.09.2012, 14:57
Пользователь
| было бы очень хорошо еслиб заработало, но неработает. Видимо класс .catnameactive неприсваевается автоматически... Добавлено (22.09.2012, 14:57)
---------------------------------------------
тоесть постоянно стоит class="catName", я уже пытался через <else> но тоже ничего невыходит |
http://myfilmhd.at.ua - мой сайт, в будущем надеюсь крупнейший онлайн кинотеатр. |
|
Суббота, 22.09.2012, 15:46
Проверенный
Чудес не бывает. Вот на тестовом сайте, CSS:
Code /* Module Part Menu */
.catsTd {padding: 0 0 6px 11px; background: url('/.s/t/953/9.gif') no-repeat 0px 3px;}
.catName {font-family:Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNameActive {font-family:Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNumData {font-size:7pt;color:#948549;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#000000;}
a.catName:visited {text-decoration:none; color:#000000;}
a.catName:hover {text-decoration:underline; color:#AD090E;}
a.catName:active {text-decoration:none; color:#000000;}
a.catNameActive:link {text-decoration:none; color:#AD090E;}
a.catNameActive:visited {text-decoration:none; color:#AD090E;}
a.catNameActive:hover {text-decoration:none; color:#000000;}
a.catNameActive:active {text-decoration:none; color:#000000;}
/* ----------------- */
Скопируй, вставь в свои стили, заменив предыдущее. Почисти куки. Перезагрузи страницу. |
Пост отредактировал 4ipusik - Суббота, 22.09.2012, 15:55 |
Вёрстка макетов под uCoz - http://megasoft.3dn.ru/forum/95-278021-1 |
|
Суббота, 22.09.2012, 15:54
Пользователь
| Помогите! |
http://myfilmhd.at.ua - мой сайт, в будущем надеюсь крупнейший онлайн кинотеатр. |
|
Суббота, 22.09.2012, 16:08
Проверенный
| 4ipusik, он хочет это сделать в своем меню, а не дефном |
|
Суббота, 22.09.2012, 16:10
Пользователь
| да, и тут дело не в ксс я так понимаю, просто правильно прописать нужно в самом коде меню |
http://myfilmhd.at.ua - мой сайт, в будущем надеюсь крупнейший онлайн кинотеатр. |
|
Суббота, 22.09.2012, 16:20
Проверенный
| Он не написал, про как он хочет использовать. Вызывай тегом $CATEGORIES$ |
Вёрстка макетов под uCoz - http://megasoft.3dn.ru/forum/95-278021-1 |
|
Суббота, 22.09.2012, 16:30
Пользователь
| ВСЕ вопрос снят, затупил конешно хорошо))) можно было ведь просто через ПУ и создание меню, стили все такиеже и все работает правильно, а я пошел путем через прописку кода и вобщем получилась кака.. Добавлено (22.09.2012, 16:30)
---------------------------------------------
тегом КАТЕГОРИИ у названий стоят счетчики, собственно из-за чего я и затеял эту работу с переделыванием меню..., всем спасибо за наствление на верный путь |
http://myfilmhd.at.ua - мой сайт, в будущем надеюсь крупнейший онлайн кинотеатр. |
|
Суббота, 22.09.2012, 23:30
Проверенный
| Счётчики можно скрыть, прописав .catnumdata {display:none;} |
Пост отредактировал 4ipusik - Суббота, 22.09.2012, 23:30 |
Вёрстка макетов под uCoz - http://megasoft.3dn.ru/forum/95-278021-1 |
|
