Хаки и Скрипты Next Generation CMS

Где ссылки ,не вижу!!! ...А все нашел...

irbees2008 irbees2008 Опубликовано - 21 - мая Текст и ссылки
1822 - 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>

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

Можешь почитать и вот эту статейку "Счетчик символов текстовом поле textarea"

Опрос

Ваше мнение

Какой поисковой системой пользуетесь?
Результаты

Последние комментарии

Теги

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

Статистика

  • Caйту: 4365 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 660
  • Онлайн всего: [11]
  • Гости: [11]
  • Были сегодня : [2] Google, Яндекс
  • SQL запросов: 30
  • Генерация страницы: 0.27сек
  • Потребление памяти: 5.156 Mb 
  •   Яндекс.Метрика