Сделать отступ для абзаца Blogger

Для установления абзацного отступа на платформе Blogger, то есть оформления красной строки абзаца, лучше всего применить стилевой атрибут  text-indent. В шаблоне блога  "Дизайн"-"Изменить HTML" находим фрагмент приблизительно такого кода (CTRL+F):
.post-body {
  font-size: 102%;
  line-height: 1.5;
  position: relative;
  }
заменяем его на
.post-body {
  font-size: 102%;
  line-height: 1.5;
  position: relative;
  text-indent: 30px;
  }
,где text-indent: 30px; определяет отступ первой строки в пикселях. Цифровое значение указывается любым (на ваше усмотрение).
Сделать абзац для Blogger. Изменить шрифт только для сообщения Blogger.
Сделать абзац для Blogger. Изменить шрифт только для сообщения Blogger.
Вы можете корректировать присутствие отступа абзаца при редактировании сообщения, с помощью обрамления текста тегом  <div>. Выделите абзац и нажмите на значок выравнивания.
Управление отступом абзаца Blogger. Значок Выравнивание.
Управление отступом абзаца Blogger. Значок Выравнивание.
Или удалите запись <div style="text-align: left;"> и </div>, применив вкладку "Изменить HTML").
Отступ абзаца в сообщении. Вкладка Изменить HTML.
Отступ абзаца в сообщении. Вкладка "Изменить HTML".

Изменить стиль шрифта только в теле сообщения.

Добавив в данный фрагмент кода строки 
  1. font-family:"Courier New",Courier,monospace;
  2. padding-bottom:1.5em;
  3. font-style:italic;
  4. color:#FFFFFF;
мы можем изменить шрифт, размер, стиль и цвет  шрифта только в теле сообщения соответственно. Сделав это в стилях css, наш код страницы не будет раздуваться до огромных размеров, что плодотворно скажется на загрузке страницы.


Похожие статьи:
  1. Сделать стрелочки в HTML (в разработке).
  2. Как открыть ссылку в новом окне.

____________________________________________________________________________________________________









____________________________________________________________________________________________________
Похожие по тематике статьи :
*

0 коммент.:

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

Комментировать...