2322
- 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>
Сохраняем и смотрим .
Можешь почитать и вот эту статейку "Выдергиваем картинку из полной новости в короткую."
Это тоже интересно
05.10.13Текст 3D на CSS3
