logo

Выделение ссылки

Как выделить отдельную ссылку меню другим цветом

 

Иногда возникает потребность выделить один или несколько пунктов меню каким-то отдельным цветом. Делается это для того, чтобы таким образом привлечь посетителей именно на страницу, указанную в блоке меню сайта. К примеру у меня на одной странице находится много полезной и нужной информации для вебмастеров. Ссылка на эту страницу теряется в общей массе ссылок меню. И вот чтобы как-то привлечь к ней внимание, я выделил её красным текстом и жирным шрифтом.

Вся проблема для меня заключалась в том, что это меню выводилось виджетом "Ссылки". Искал решение в интернете, но лишний плагин не устраивал. Можно было бы прописать этот стиль в CSS, но не захотелось долго ломать голову.

Немного подумав, пришел к простому решению - вывел адреса ссылок как произвольное меню, т.е. поставил виджет "Текст" и там прописал URL ссылок. Ну а дальше дело техники, в нужной активной ссылке прописывается её стиль. Все ссылки в виджете прописаны так:

<li><a href="http://mehelps.ru/nuzhnyie-melochi.html">Название ссылки</a></li>

В этот код надо добавить стиль цвета ссылки, я ссылку сделал красной - style="color:red;" и для выделения жирным цветом добавляем к названию ссылки теги <b></b>. Получаем такой код:

<li><a href="http://mehelps.ru/nuzhnyie-melochi.html" style="color:red;"><b>Название ссылки</b></a></li>

Теперь в меню одна ссылка стала выделяться красным цветом. Надеюсь кому-то пригодится такой вариант выделения ссылок.

Выделение ссылки обновлено: Апрель 10, 2017 автором: admin

Оставить комментарий

▲Вверх