Текст с прокруткой

Иногда в сообщениях блога бывает полезно уменьшить видимый объём некоторых участков текста (например, длинные коды, дополнительный пояснительный текст и т.п.).  Для этого используют так называемый "текст с прокруткой".

Длинный код в статье можно оформить в виде текста с прокруткой
Длинный код в статье можно оформить в виде текста с прокруткой
Чтобы вставить такой участок текста в пост, переходим в HTML-редактор и в нужном месте вставляем конструкцию вида:

<div id="target" style="height: 200px; overflow: scroll;">
ТЕКСТ С ПРОКРУТКОЙ
</div>
где:
height: 200px  - высота блока текста с прокруткой 200 px (можно поменять).
Ширина блока устанавливается автоматически (по ширине вашей статьи).

Затем переключаемся на визуальный редактор и вместо строчки "ТЕКСТ С ПРОКРУТКОЙ" вставляем необходимый текст. При желании его тут же (в визуальном редакторе) можно дополнительно отформатировать: оформить цитатой, выделить цветом отдельные слова и т.д.

Пример вставки текста с прокруткой (оформленного цитатой) в этой статье:

Фразочки из интернета:
  • Чем больше знаешь, тем больше знаешь лишнего. 
  • Умно отвечают только тому, кто умно спрашивает. 
  • Ума будет больше, если его не расходовать. 
  • Не ищите отговорок, они должны быть под руками. 
  • Думает ли тот, кто говорит что думает? 
  • Ваша борьба за показатели может кончиться борьбой врачей за вашу жизнь. 
  • Коллектив единомышленников: каждый думает о себе.
  • Не обижайся на шутку - возьми шутника на заметку.
  • Чем хуже жизнь, тем прекраснее мечты.
  • Чтобы казаться умным, прикиньтесь дураком.
  • Чем ленивее человек, тем больше его труд похож на подвиг.
  • Мысли покидают голову, не выдерживая одиночества. 
  • Всякое решение старых проблем порождает новые. 
  • Книгу мы любим потому, что она самый молчаливый друг.
  • Прозаик пишет обдуманное, лирик - пережитое, программист - прочитанное. 
  • Если у тебя есть совесть, то и сто способов не помогут тебе разбогатеть.
  • Как бы ты ни был скромен, людям все равно хочется, чтобы ты был еще скромнее.
  • Чтобы любить людей, нужно иметь большое больное сердце.
  • Будь самоучкой, не жди, пока жизнь научит. 
  • Предпоследняя ошибка выявляется при демонстрации работы начальнику. 
  • Скромность украшает человека, но плохо одевает. 
  • Нужно  бороться со старыми предрассудками, чтобы победили новые.
  • Подчиненные тоже люди и тоже не хотят думать. 
  • Многое можно заставить человека сделать по собственному желанию. 
  • Сделай словам тесно и мыслям не поздоровится.
  • Если ничто другое не помогает, прочтите, наконец, инструкцию!
  • Не тратьте силы, возьмите молоток побольше. 
  • Шутки надо понимать быстро, хотя не обязательно правильно. 


По материалам статьи "Как спрятать длинный текст в прокрутку Blogspot"

4 комментария :

  1. Он будет индексироваться ПС?

    ОтветитьУдалить
    Ответы
    1. В меня поставили в замешательство своим вопросом. Откуда ж я могу это знать?

      Удалить
    2. Виноват :))

      Удалить

В комментариях есть возможность вставлять картинку:
[img]URL на картинку[/img]
а также использовать смайлы и HTML-теги:
<b>жирный шрифт</b>
<i>курсив</i>
<a href="URL">текст ссылки</a>