portfoliopost
FDteam-portf
freepost
Скрипт и css-код, позволяющие прописать отдельный стиль для "активных" пунктов меню навигации, пользовательского меню, меню профиля и в меню в администрировании.
Условия использования:
Вы можете использовать все материалы, соблюдая условия использования бесплатного контента.Скрипт от satsanaУстанавливается в Администрирование - Формы - Html-верх.
Ставим скрипт и прописываем стили на CSS в Администрирование - Свой стиль. Например:
Код:#pun-navlinks li.active a, #pun-ulinks li.active a { color: red; }Недостаток: невозможно сделать выделение "активным" пункта "Администрирование".
Плюс: делает возможным выделять "активными" пункты в пользовательском меню.CSS-код от ГердаОформление активных кнопок в меню навигации, в навигации профиля и админки + эффект при наведении. Ставится к остальным CSS-кодам в Администрирование - Свой стиль.
В коде подписано что выделяется в меню. Вы можете увидеть несколько раз перечислены пункты меню - это не ошибка. Например, это строчка означает что пункт в меню "Регистрация" выделен активным на странице где указывается логин, имейл и так далее, то есть непосредственно при регистрации:
#pun-regrules #pun-navlinks li#navregister span, /*Регистрация*/
Эта строчка тоже сделает пункт "Регистрация" активным, но уже при чтении правил:
#pun-register #pun-navlinks li#navregister span, /*Регистрация*/
То есть:
#pun-viewforum #pun-navlinks li#navindex span, /*Форум*/
Красным - кодовое название страницы;
Зелёным - пункт в меню.Если у вас есть страницы и дополнительные пункты в меню, то их тоже можно сделать активными. Например:
#pun-navlinks #navextra3 a span
Это ставится через <style></style> на самих страницах.
В меню навигации и в админке немного проще, тут можно обойтись одной строчкой, так как есть код, обозначающий активную страницу: li.isactive a
В меню навигации такого, увы, нет.
Пользовательское меню таким способом настроить не получится.
Если коротко - скрипт от Сатсаны более универсальный и простой, css-код от Герды более сложный, но в то же время гибкий. На текущем форуме используется именно решение от Герды. Выбирайте какое подходит именно вам и настраивайте на свой вкус.
Коды и пояснения могут показаться запутанными, так как нет универсального решения, каждый может настроить по-своему. Поэтому для использования этих кодов рекомендуется иметь хотя бы базовые знания CSS.
- Подпись автора
Отвечаю на вопросы вот здесь | Мой блог
"Никогда не сомневайтесь в себе и любите каждую свою работу, даже если она кажется вам грязью на окне. Через это окно люди смотрят на мир, тогда как разводы замечаете только вы." © Николай Ободников. "Лиллехейм. Волчий ветер