![Делаем ссылки в блоге живыми Оживающие под курсором ссылки](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-OsA4pHDNg-mxRX2eWeBOry4nTbkbIQL6fBUIDFH062JyLvw3MOYDYRF7l73X1mXF5NTPDg4FNsF18RjmpzFAtQfPJEOpXYv9EcD4IHT8E7vnv7t87giQ-tI2N5nyrGxIA4TVfFMpr_3S/s300/ojivshie+ssylki.jpg)
При наведении курсора мыши ссылки оживают и реагируют небольшим эффектом раздвигания символов, приписанных им.
Вполне жизнеспособно, если требуется выделить нужный адрес и обратить внимание читателя на него.
Таким образом, можно заставить контент блога быть относительно интерактивным к действиям посетителей.
Пример.
Ниже вы можете посмотреть это свойство ссылок в действии.
< Наведите курсор >
( Наведите курсор )
{ Наведите курсор }
[ Наведите курсор ]
\\ Наведите курсор //
Для достижения данного эффекта не потребуется никаких скриптов, все выполняется средствами CSS.
Установка в блог.
Перейдите Шаблон > Изменить HTML. При помощи поиска в браузере найдите участок ]]></b:skin> и прямо перед ним добавьте следующий код:
a.pushLink { padding: 0 3px; font-weight: bold; text-decoration: none; } a:hover.pushLink { padding: 0; } a:hover.pushLink span { margin: 0 3px; color: red; }Сохраните шаблон. Действия в нем завершены.
Теперь остается в том месте, где требуется выделить ссылку, добавить вместе с ней такую конструкцию:
<a class="pushLink" href=""><< <span>Анкор (текст) ссылки</span> >></a>В данном случае "оживающий" эффект ссылке придают символы << и >>. Вы же можете задать в этом качестве любой понравившийся символ, который гармонично выделит нужный вам адрес.