Здравствуйте друзья!

Сегодня научимся создавать красивые ссылки. С этим справиться даже школьник.
Код вставляете в гаджет. Заходим в консоль блога нажимаете ДИЗАЙН добавить ГАДЖЕТ и выпадающем меню выбираем 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>

Красным цветом код заднего фона, его можно поменять на любой цвет.
Зеленым цветом код рамки.

 

0

Вероника

Веб-дизайнер,коуч - помогаю обучающемуся достичь жизненной или профессиональной цели. Модератор

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 
Авторизация
*
*
Регистрация
*
*
*
Пароль не введен
*

Генерация пароля