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

Понедельник, 30 Декабря 2013 г. 06:40 + в цитатник
Цитата сообщения Legionary Не ново это для многих, но для кого-то... будет открытием, возможно:)
Бывает так, что тот же эпиграф занимает слишком много места (сверху вниз). Не очень удобно. Но эту проблему можно решить,- запихать наш эпиграф в рамку с прокруткой.
Рамки тут конечно нет, но так понятнее. Вот что получится в результате:


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



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

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

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

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

©2010 Legionary

Серия сообщений "уроки-рамочки":
Часть 1 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 2 - формулы рамочек
...
Часть 7 - Простые рамки с фоном
Часть 8 - контейнер для "окошек ЛИру" с любыми кодами
Часть 9 - Лиру. Делаем пост, эпиграф с прокруткой
Часть 10 - Как пользоваться кнопками-переходами Далее
Часть 11 - Делаем таблицу с картинками(ссылками)
...
Часть 18 - Картинки в ряд, формула
Часть 19 - Рамочка с разрывом
Часть 20 - Разделяем текст линиями


Понравилось: 3 пользователям

СА-МАРА   обратиться по имени Понедельник, 30 Декабря 2013 г. 20:13 (ссылка)
Танечка с Наступающим тебя!!!! Пост хорош, но у меня кажется есть, если нет я у тебя потом возьму!!!!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 30 Декабря 2013 г. 20:30ссылка
С наступающим, Тома!!! Удачи и здоровья!!! у меня их много))) но этот самый простой!
СА-МАРА   обратиться по имени Понедельник, 30 Декабря 2013 г. 20:32 (ссылка)
можно все свои работы наверно вставить!!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 30 Декабря 2013 г. 20:56ссылка
ну и аппетит у тебя))) все хорошо в меру
СА-МАРА   обратиться по имени Понедельник, 30 Декабря 2013 г. 21:08 (ссылка)
хочу сразу все и много)))))))))))))))))))))))))))))))
Ответить С цитатой В цитатник
Керчаночка   обратиться по имени Среда, 01 Января 2014 г. 21:03 (ссылка)
Хороший урок... Спасибо!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 01 Января 2014 г. 22:16ссылка
О, этот пост процитировался? не пойму, что с тем постом...
Перейти к дневнику

Среда, 01 Января 2014 г. 22:21ссылка
Этот да... А тот сегодня два раза попробовала, опять та же история...
Татьяна_Гусакова   обратиться по имени Четверг, 02 Января 2014 г. 06:27 (ссылка)
Спасибо, Танюша.
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 03 Января 2014 г. 06:31ссылка
правильно выбрала, Таня, это самый простой способ.
E-Ledi   обратиться по имени Понедельник, 27 Января 2014 г. 00:06 (ссылка)
Все смешалось в голове... Не помню - есть такой пост у меня или нет, но возьму, уж больно удобно, компактно, эстетично. Спасибо.
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 27 Января 2014 г. 06:03ссылка
действительно, самый простой способ!
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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