Несмотря на то, что я убрал на своем блоге функцию "Читать далее" ( внешняя ссылка), в этом посте для тех, кто решил размещать на главной странице блога только анонсы, я предлагаю создать интересную фишку: сделать так, что бы при наведении курсора на кнопку, она меняла цвет.
Расскажу я про нее только тем, кто приобретет вытяжки плоские 50 см на сайте "Евромойка", так как без вытяжки, кнопка на вашем блоге не будет менять цвет. Шутка...
Итак , пред вашими очами код:
На этом операция будет завершеня. Если вы не забудете нажать внизу страницы "Сохранить", разумеется.
О цвете кнопки, надеюсь позаботитесь сами, сделав редактирование в части
Расскажу я про нее только тем, кто приобретет вытяжки плоские 50 см на сайте "Евромойка", так как без вытяжки, кнопка на вашем блоге не будет менять цвет. Шутка...
Итак , пред вашими очами код:
.jump-link a {
border-top: 1px solid #7171a3;
background:#0069d1;
background: -webkit-gradient(linear,right top,right bottom, from(#a3cdf7), to(#0069d1));
background: -webkit-linear-gradient(top,#a3cdf7, #0069d1);
background: -moz-linear-gradient(top, #a3cdf7,#0069d1);
background: -ms-linear-gradient(top, #a3cdf7, #0069d1);
background: -o-linear-gradient(top, #a3cdf7, #0069d1);
padding: 9px 45px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #ffffff;
font-size: 12px;
font-family: Georgia, serif;
text-decoration: none;
vertical-align: middle;
}
.jump-link a:hover {
border-top-color: #b0a1f3;
background: #b0a1f3;
color: #ffffff;
}
.jump-link a:active {
border-top-color: #0099ff;
background: #0099ff;
}
.jump-link {
float:right;
}
Теперь решим, куда его поставить. Для совершения этой операции ( вы приобрели уже плоскую вытяжку?!), нужно взять этот код подмышку и отнести его в настройки шаблона блога.
Настройки-Шаблон- Изменить HTML
Не забывая установить галочку на расширения шаблона и нажав волшебные кнопочки Ctrl+F находим уютное местечко.
И перед ним устанавливаем принесенный подмышкой хранящийся в буфере обмена вышеуказанный код.
О цвете кнопки, надеюсь позаботитесь сами, сделав редактирование в части
"color".В коде - цвет кнопки - голубой.