
Как выглядит это выделение вы увидите у меня на блоге, в нём будет размещён код данного цитатника.
И так приступим:
1) Заходим в "Панель управления"
2) Нажимаем "Дизайн"
3) Далее нажимаем "Изменить Html"
На всякий случай сохраните копию шаблона, прежде чем вносить в него изменения.
Затем с помощью кнопок Ctrl+F находите .post blockquote и удаляете его. В большинстве шаблонов код выглядит следующим образом:
.post-body blockquote { line-height:1.3em; }
или
.post blockquote{ }
выделение цитаты в тексте на Блоггер
4) Если вы не смогли найти этот код, то это тоже нормально, у меня в шаблоне его тоже не было.
5) Теперь опять при помощи кнопок Ctrl+F находим ]]> и над ним вставляете код который я разместил ниже в цитатнике о котором собственно и идёт сегодня речь:
.post blockquote {
margin : 0 20px;
padding: 20px 20px 20px 20px;
background : #DCDCDC url(https://i027.radikal.ru/1111/d9/c6fa504d1a1f.png) no-repeat top left;
font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif;
color : #000;
border-bottom : 4px solid #696969; }
.post blockquote p {
margin: 0;
padding-top:10px;
}
Далее нажимаете на кнопку просмотр, и если всё нормально, сохраняете шаблон.
Вы так же можете настроить цитатник под дизайн своего блога:
padding: 20px 20px 20px 20px; отступы текста от рамки
background : #DCDCDC фон цитатника, у меня он светло серый
solid #696969; нижняя рамка.
url(https://i027.radikal.ru/1111/d9/c6fa504d1a1f.png) это верхняя рамка, вы её тоже можете поменять на свою, или вставить какое нибудь изображение, например вот так:
Хочу предложить вам ещё один вариант цитатника. При наведении на него курсора, текст и фон будет менять свой цвет. Как это выглядит вы можете посмотреть здесь.
выделение цитаты в тексте на БлоггерИ так повторяем всё то же самое, что и в предыдущем варианте:
1) Заходим в "Панель управления"
2) Нажимаем "Дизайн"
3) Далее нажимаем "Изменить Html"
На всякий случай сохраните копию шаблона, прежде чем вносить в него изменения.
4) Теперь опять при помощи кнопок Ctrl+F находим ]]> и выше него вставляете этот код:
blockquote {
background: FFFFFF url() no-repeat right bottom ;
margin: 0 20px;
padding: 20px 70px 20px 20px;
color:000000;
font: bold 0.9em "comic sans ms", "Times New Roman", Times, serif;
border:1px solid #DDD;
}
blockquote:hover {
background: #DCDCDC url() no-repeat right bottom ;
color:#B22222;
}
blockquote p {
margin: 0;
padding-top:10px;
}
Здесь вы так же можете поменять цвет текста и фона. Я думаю с этим вы и сами сможете разобраться по аналогии первого варианта цитатника.
Да ещё, код в шаблоне устанавливается один раз и всё. Теперь каждый раз когда вы пишите статью и выделяете часть текста нажав на кнопку "цитата", он будет заключаться в тот цитатник который вы установили.
Ну вот друзья на сегодня и всё. Надеюсь кому-то эта информация выделение цитаты в тексте на Блоггер была полезной. Так же хочу предложить вам прочитать статью о том как установить кнопку автоматической прокрутки страницы вверх на Blogspot. А я с вами прощаюсь и желаю удачи.
Хотите получать свежие статьи? |
![]() ![]() ![]() |
0 коммент.:
Отправить комментарий