20 октября 2016

HTML код окна с прокруткой для любого содержимого

Полдень. Теплый дождь. 1939. А.М.Герасимов (1881-1963)
  Есть простой способ на странице блога представить длинный текст в уменьшенном виде или частично спрятать картинку. Для этого нужно поместить текст или картинку (или то и другое вместе) в "окно с прокруткой". Размеры окна при этом определяются самостоятельно.
   Указанный ниже HTML код записываем в HTML редакторе блога. Переключаемся в текстовый редактор и вместо слова "текст" вставляем свое содержимое.

ПРИМЕЧАНИЕ:
Если в редактор занести  HTML код с заранее вставленным текстом, при переключении в текстовый редактор  можем увидеть так называемые кракозябры.

 Вот  HTML код окна  с прокруткой:

<center><div style="height: 100px; overflow-y: scroll; width: 300px;"><span style="font-size: small;">ТЕКСТ </span></div>
</center>

Размеры окна (ширина - 300, высота - 100) изменяем по своему усмотрению.
.
* * *

Боже мой! Вчера - ненастье,
А сегодня - что за день!
Солнце, птицы! Блеск и счастье!
Луг росист, цветет сирень...

А еще ты в сладкой лени
Спишь, малютка!.. О. постой!
Я пойду нарву сирени
Да холодною росой

Вдруг на сонную-то брызну...
То-то сладко будет мне
Победить в ней укоризну
Свежей вестью о весне!
(Аполлон Майков)



Комментариев нет:

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

Related Posts Plugin for WordPress, Blogger...