• 465
  • 0
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки

Так и про что же это я ? Наткнулся на довольно интересный эффект для ссылок в тексте, сам смысл этого эффекта что ссылки по умолчанию ни как не выделяются в тексте, но при наведении на абзац все ссылки в нем подсвечиваются. Можно прикрутить и анимацию для выделения, подобрать что более эффектное.

И так приступим,открываем файл стилей вашего шаблона и добавляем вот этот код.

Код:
p { color:#000; /* цвет текста */ }
a { color: red; text-decoration:underline; /* оформление ссылки при наведении на параграф мышкой*/}
a:hover { color:#000; /* цвет ссылки при наведении на ссылку */}

/* оформление ссылки в обычном состоянии */
.colorhover-bloggood a
{
text-decoration:none;
color:#000;
}

/* для браузера IE6 */
.colorhover-bloggood:hover a { color: red; text-decoration:underline; }
.colorhover-bloggood:hover a:hover { color:#000; }

Так стили добавили теперь оформляем наши ссылки

Код:
<p class="colorhover-bloggood">
Здесь текст,много текста, или не много а потом ссылка. <a href="https://ngcmshak.ru/effekty-s-tekstom-i-ssylkami/budem-menyat-cvet-vydeleniya-teksta.html" title="Будем менять цвет выделения текста">Будем менять цвет выделения текста</a> это опять текст. </p>

Сохраняем и смотрим .

Можешь почитать и вот эту статейку "Определение кодировки"

mistakes

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

Вы нашли что искали?
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element