Делаем прокручивающий текст сообщения

---

Scroller для текста, изображений, HTML кода

Очень мне хотелось установить в блоге прокрутку текста постов. Сообщения получаются длинные, и как то не вписываются в дизайн. Сегодня предлагаю Вам код для прокрутки текста, картинок или HTML кода, который легко можно вставить в редакторе сообщений блога.

Текст, код или картинки, надо в редакторе слева вверху нажать Html  и сразу перед текстом вставить вот такой код, скопируйте его.

<div style="width: 100%; height: 300px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 12px;  overflow: auto">здесь текст или код</div>

width:100%; - ширина текста;

height:300px; - высота прокрутки;
font-size; - размер шрифта;
margin-top: 0px; - отступ сверху от начала текста;
left: 0px; - отступ с левой стороны;

Устанавливайте ширину и высоту, "поиграйте" с цифрами, настройте прокрутку для своих сообщений.  Всего доброго !

Читайте также:

• Скрипт для прокрутки заголовков сообщений;
• Горизонтальная прокрутка текста;
• Оформление цитат в блоге;
• Спрятать длинный текст спойлером;

Рекомендуемый контент: