-Рубрики

 -Поиск по дневнику

Поиск сообщений в ЛИТЕРАТУРНАЯ

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 13.06.2012
Записей: 6912
Комментариев: 45427
Написано: 77578


Делаем пост с прокруткой

Воскресенье, 24 Февраля 2013 г. 18:54 + в цитатник
Цитата сообщения Ledi_Vlada
Бывает так, что наш текст занимает слишком много места. Это не очень-то и удобно, но эту проблему можно решить,вставив его в рамку с прокруткой.

Вот примерно так получится.
Это вариант с размером 400 на 100. Естественно размер вы можете менять как вам удобно.

Код такой рамочки очень простой:
<div style="overflow-y: scroll; width: 400px; height: 100px;">Ваш текст</div>
Соответственно вместо слов Ваш текст надо вставить либо текст вашего поста, либо код вашего эпиграфа, картинки.... Т.е. можно полностью ваш код эпиграфа (со всеми кодами цветов текста, размерами букавок и пр. непонятные значки) прописать вместо Ваш текст - и весь ваш эпиграф будет в этой прокручивающейся рамочке
400 это ширина рамки, а 100 - высота рамки. Меняйте их на свое усмотрение. Именно ширину лучше делать не больше 600.

Серия сообщений "Помощь блоггеру":
Часть 1 - Подбор параметров плеера для вставки кода с YouTube
Часть 2 - Делаем пост с прокруткой
Часть 3 - Шпаргалка. Работа с текстом
Часть 4 - Урок по созданию флеш в программке Aleo Flash Intro Banner Maker
...
Часть 7 - Приложение "Всегда под рукой"
Часть 8 - Помощь блоггеру"Как во флеш-плеере поменять музыку"
Часть 9 - Как сделать кнопку авторитетности почти незаметной?

Серия сообщений "Шпаргалки":
Часть 1 - Двигающийся текст
Часть 2 - Окошко для кода, Формулы рамочек. Коды для Mail.ru и для Li.ru
Часть 3 - Шпаргалка
Часть 4 - Делаем пост с прокруткой
Часть 5 - Шпаргалка. Работа с текстом
Часть 6 - Урок по созданию флеш в программке Aleo Flash Intro Banner Maker
...
Часть 9 - Переключатель
Часть 10 - On-line генераторы
Часть 11 - Как сделать кнопку авторитетности почти незаметной?
Рубрики:  Оформление дневника/Ликбез

Понравилось: 1 пользователю

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку