Сегодня 9 июня, понедельник ГлавнаяНовостиО проектеЛичный кабинетПомощьКонтакты Сделать стартовойКарта сайтаНаписать администрации
Поиск по сайту
 
Ваше мнение
Какой рейтинг вас больше интересует?
 
 
 
 
 
Проголосовало: 7281
Кнопка
BlogRider.ru - Каталог блогов Рунета
получить код
Блог для блогов - создание блога на blogspot
Блог для блогов - создание блога на blogspot
Голосов: 1
Адрес блога: http://bdblogov.blogspot.com/
Добавлен: 2013-06-02 03:52:18 блограйдером Olga28
 

Эффектное оформление ссылок в блоге

2013-10-06 05:46:00 (читать в оригинале)

Доброго времени суток всем! Давайте приукрасим наши ссылки в блоге. Особых знаний не понадобится, нужно всего лишь вставить код в дизайн-добавить гаджет-Html/JavaScript. Хочу сразу предупредить, что не во всех шаблонах уживается этот код. В этом блоге после вставки кода у меня поплыли миниатюры перелинковки страниц, сместилось меню и социальные кнопки. Так что к сожалению, пришлось отказаться и удалить. Зато в другом блоге код прижился. Перейдите сюда, наведите курсор на любую ссылку или изображение и посмотрите, как красиво она смотрится: всплывает в виде таблички. Для тех, кого заинтересовало, копируете код и вставляете, как я писала в начале поста.

<style>a {display: inline-block;          padding: 2px;          outline: 0;           border: 1px solid transparent; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px; -webkit-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -moz-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -o-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; }  a:hover {           background: #e8e8e8; border: 1px solid #999999; text-decoration: none; text-shadow: none; -moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); -webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); }  }   </style>
#e8e8e8 - цвет фона таблицы;  #999999 - цвет рамки;

Тэги: блоге, оформление, ссылок, эффектное

 


Самый-самый блог
Блогер Рыбалка
Рыбалка
по среднему баллу (5.00) в категории «Спорт»


Загрузка...Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.