Вопрос по туториалу "Фиксированное меню навигации"

автор Vadim Май 9th 2013, 13:09

Всех с Днем Победы!
Подскажите у меня на форуме стоит туториал "Фиксированное меню навигации" (https://help.forum2x2.ru/t20822-topic) текстовые ссылки, как сделать одну ссылку, а именно "Регистрация" (Для незарегистрированных) более заметной, например чтобы она мигала и была красным цветом?

автор Vadim Май 11th 2013, 12:44

Поднимаю

автор **Ilya** Май 11th 2013, 15:53

А такое выделение вам подойдет?
http://egeege.ukraine7.com/
Молнию можно будет заменить на любой другой эффект.

А что бы она мигала, нужно делать через flash. Тогда тем более ее не будет видно, так как у некоторых пользователей он не обновлен и будет в место кнопки иконка "Воспроизвести"

автор Vadim Май 11th 2013, 19:17

А с фиксированным меню так то получится сделать? Молния мне просто по стилю к форуму как-то не подходит. Мне не обязательно даже анимированную (это уже максимум просьбы), просто самое банальное, например сменить цвет этой ссылки "Регистрация", чтобы отличалась от остальных и бросалась в глаза. Я не знаю как это сделать на "фиксированном меню навигации" а оно мне и форумчанам очень нравится.

автор **Ilya** Май 11th 2013, 21:35

Изменить просто текст ссылки:

В CSS

Код:: a.mainmenu[href*='/register']{ color: red; }

Результат на форуме (ссылка таже).
Про молнию: я уже выше писал, что по желанию, молнию можно заменить на что-то свое.

автор Домовой Май 12th 2013, 01:27

Ну а что бы мигала добавьте в код это

Код:: text-decoration: blink !important;

Но мигание поддерживается только в опере и в мазиле

автор Vadim Май 12th 2013, 07:30

Ilya, Домовой огромное Вам спасибо!

Ilya, а не подскажете еще как Вы прозрачность настроили?

автор Vadim Май 12th 2013, 07:54

Настроил прозрачность, добавил к коду:

Код:: opacity: 0.5

А нельзя еще такую фичу добавить, чтобы при прокрутке форума, меню навигации было прозрачным, а как только наводишь на него курсор становилось обычным. Что-то я нереализуемое запросил да?

автор Домовой Май 12th 2013, 10:32

Удалите из кода

Код:: opacity: 0.5

В шаблон overall_header перед </head> поставьте скрипт

Код:: <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#pun-navlinks ul').each(function(){ jQuery(this).animate({opacity:'0.5'},1); jQuery(this).mouseover(function(){ jQuery(this).stop().animate({opacity:'1.0'},600); }); jQuery(this).mouseout(function(){ jQuery(this).stop().animate({opacity:'0.5'},300); }); }); }); </script>