Делаем пост, эпиграф или картинки "с прокруткой"
 

Как сделать сильно большой текст с прокруткой, что бы пост не был сильно длинным? Или как сделать прокручивающиеся картинки (слайдшоу) прямо в сообщении?

 

Читать далее...

Прячем длинный текст удобно
 

Сделать текст с окошечком прокрутки (флеймом)
 

Сделать текст с прокруткой во флейме.
Флейм - это очень нужное окошечко, куда можно спрятать длинный текст и читать его, прокручивая вниз. Наверняка уже встречали подобное. Например я вставляю в пост разделители ( можно длинный текст, или картинки), и для экономии места, делаю это вот в таком окошечке, который и называется флейм.

 

Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 21 - Как увидеть пароль вместо звездочек?
Часть 22 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 23 - Сделать текст с окошечком прокрутки (флеймом)
Часть 24 - Как быстро вставить в пост на ЛиРу картинку из Интернета
Часть 25 - Рамка для блога, имитирующая картину.
 

Промотка текста в записи и Путешественник во времени Д.Тайтор
 

 

Лиру. Делаем пост, эпиграф с прокруткой

Не ново это для многих, но для кого-то... будет открытием, возможно:)
Бывает так, что тот же эпиграф занимает слишком много места (сверху вниз). Не очень удобно. Но эту проблему можно решить,- запихать наш эпиграф в рамку с прокруткой.
Рамки тут конечно нет, но так понятнее. Вот что получится в результате:



Код такой "вещи" очень простой:

<div style="overflow-y: scroll; width: 100px; height: 100px;">Ваш текст</div>

Соответственно вместо слов "Ваш текст" надо вставить либо текст вашего поста, либо код вашего эпиграфа и пр. Можно и картинки:) Т.е. можно полностью ваш код эпиграфа (со всеми кодами цветов текста, размерами букавок и пр. "непонятные" значки) прописать вместо "Ваш текст",- и весь ваш эпиграф будет в этой прокручивающейся рамочке:)
Числа "100"-обозначают размер (ширина и высота) поменяйте их на свое усмотрение. Именно ширину лучше делать не больше 600.

Как-то так.. очень просто. но очень полезно:)

©2010 Legionary

Рамочки простые для текста с прокруткой и без - по просьбе

**********тут ваш текст*********** тут только высоту прокрутки менять надо а так то я всегда пользуюсь Генератором промотки для текста это удобнее. вставил туда готовый текст или картинки, а потом скопировала во втором окошечке - и вставляй в свою рамочку.... оптимальный размер картинки по ширине 570рх

<center><div style="width:750px;height:***px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #696969;background-image: url('https://img-fotki.yandex.ru/get/3308/120937872.1a9/0_b794f_9ccb963f_XXL.jpg');background-color:#42D3E3;-webkit-box-shadow:0 0 0 1px rgb(194, 192, 184) inset,5px 0 0 -4px rgb(255, 255, 255),5px 0 0 -3px rgb(194, 192, 184),11px 0 0 -8px rgb(255, 255, 255),11px 0 0 -7px rgb(194, 192, 184),17px 0 0 -12px rgb(255, 255, 255),17px 0 0 -11px rgb(194, 192, 184);"><center><div style="padding:20px" zzz="zzz" align="center"><table style="background-image: url(''); background: #DFDDD1 ; border: 7px double #5F5C53 ; padding: 5px; box-shadow: inset 0px 0px 30px #696969;" width="650"><tr><td style="padding:10px"><center><block><font size="3" color="#5F5C53 " face="Courier New"><div style="width:97%; height: 100px; font-size: 18px; padding:22px 22px 22px 11px; scrollbar-base-color: #000000 ; overflow: auto">**********тут ваш текст***********</div> <br /></font></block></center></td></tr></table></div></center></div></center>