Google

26 окт. 2011 г.

Blogger:Добавляем полосу прокрутки в блок кода

Частенько, если у нас строчка кода очень длинная, то существует вероятность того, что она не поместиться у нас на страничке: будет влазить за ширину столбца сообщений. Как вариант, можно заняться форматированием строки вручную и в нужном месте, для переноса строки, нажать клавишу Enter. Но в таком случае теряется целостность строки и наглядность кода: не понятно - это одна строка кода или это совершенно разные строки.
Для того, чтобы исправить данное недоразумение, нам потребуется вспомнить основы css, открыть редактор шаблонов blogger и выбрать "Изменить HTML".
В редакторе шаблонов находим блок, отвечающий за внешний вид блока кода и приводим его к такому виду:
code {
  overflow-x: scroll; /* Добавляем полосу прокрутки */
  width: 620px; /* Ширина блока */
  padding: 5px; /* Поля вокруг текста */
  border: dotted 1px black; /* Параметры рамки */
  display: block; padding: 0.5em;
  background: #F0F0F0; /*фон блока */
  /*height: 150px;  Высота блока * высота рамки - если требуется установить фиксированную высоту
  /*white-space: nowrap; Запрещаем перенос строк-все содержимое отобразится в одну строку */
} 
Меняем свойства на свое усмотрение и в зависимости от дизайна, затем сохраняем полученный результат.

0 comments:

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

Social