Друзья всем привет. Сегодня я хочу показать вам, как сделать оригинальный меняющий цвет заголовок на Blogspot. То есть будет меняться цвет заголовка при наведении курсора. Это на тот случай, если стандартный вариант по каким то причинам вам не подходит или не нравится, или вы хотите сделать на своём блоге нечто оригинальное для Blogspot. Как это делается, я подсмотрел на одном забугорном блоге, и с удовольствием делюсь с вами. Как выглядят заголовки на блоге, вы можете .
И так приступим и как всегда стандартно:
1) Заходим в "Панель управления"
2) Нажимаем "Дизайн"
3) Далее нажимаем "Изменить Html"
На всякий случай прежде чем вносить изменения сохраняем копию шаблона.
Далее при помощи кнопок Ctrl+F находим ]]>
/*----MBT Heading Tag----*/
h3{
font-family: Times New Roman !important;
font-style:italic !important;
}
.post h3 {
color:#666;
border-left:10px solid #666;
border-right:10px solid #666;
padding:3px 5px 3px 20px;
border-radius:15px;
-moz-border-radius:15px;
box-shadow:0px 0px 13px #666;
-webkit-box-shadow:0px 0px 13px #666;
-moz-box-shadow:0px 0px 13px #666;
}
.post h3:hover {
color: #00BFFF;
border-left:10px solid #00BFFF;
border-right:10px solid #00BFFF;
box-shadow:0px 0px 13px #00BFFF;
-webkit-box-shadow:0px 0px 13px #00BFFF;
-moz-box-shadow:0px 0px 13px #00BFFF;
}
blockquote {
background: #FFFAFA url() no-repeat right bottom ;
margin: 0 20px;
padding: 20px 70px 20px 20px;
color:#595959;
font: bold 0.9em "comic sans ms", "Times New Roman", Times, serif;
border:1px solid #DCDCDC;
}
blockquote:hover {
background: #FFFAFA url() no-repeat right bottom ;
color:#FF0000;
}
blockquote p {
margin: 0;
padding-top:10px;
}
Если вы хотите, чтобы при наведении курсора был другой цвет, тогда поменяйте этот цвет #00BFFF на свой. Так же вы можете изменить шрифт заголовка Times New Roman на любой другой. Так же изменить курсив на прямой шрифт,для этого просто уберите значение italic.
Ну вот друзья на сегодня и всё. Буду рад, если сегодняшняя статья для пользователей Блоггера, как сделать оригинальный меняющий цвет заголовок на Blogspot была полезной и интересной. Возможно вам также интересно будет узнать как сделать кнопку автоматической прокрутки страницы вверх на Blogspot. А я с вами прощаюсь и как всегда желаю удачи.
|
Хотите получать свежие статьи? |
|






0 коммент.:
Отправить комментарий