неділя, 27 липня 2014 р.

Як заховати довгий текст у прокрутку Blogpost

Текст з прокруткою 

Іноді у  повідомленнях блогу буває корисно зменшити видимий обсяг деяких ділянок тексту (наприклад, довгі коди, додатковий пояснювальний текст і т.п.). Для цього використовують так званий "текст з прокруткою".
Щоб вставити таку ділянку тексту в пост, переходимо в HTML-редактор і в потрібному місці вставляємо конструкцію виду:
                            <div id="target" style="height: 200px; overflow: scroll;">                            ТЕКСТ З ПРОКРУТКОЮ                              </div>
де: height: 200px - висота блоку тексту з прокруткою 200 px (можна поміняти). Ширина блоку встановлюється автоматично (по ширині вашої статті). 
Потім перемкніться  на візуальний редактор і замість рядка "ТЕКСТ З ПРОКРУТКОЮ" вставляємо необхідний текст. При бажанні його тут же (у візуальному редакторі) можна додатково відформатувати: оформити цитатою, виділити кольором окремі слова і т.д. 
Прикладом вставки тексту з прокруткою є даний пост. 



Немає коментарів:

Дописати коментар

В лабораторії з НЛО

Сьогодні було просто космічне заняття в Girls Agro Camp! Вчителька Olha Archakova розповіла про можливе життя на інших планетах та обговор...