-Всегда под рукой

 -Метки

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

Поиск сообщений в Legionary

 -Подписка по e-mail

 

 -Статистика

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

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

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


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



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

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

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

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

©2010 Legionary
Рубрики:  Все про ЛиРу
Метки:  

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

VALJ   обратиться по имени Пятница, 03 Декабря 2010 г. 15:08 (ссылка)
СПАСИБОЧКИ ЗА ПОЛЕЗНЫЕ ПОДСКАЗКИ!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 03 Декабря 2010 г. 15:09ссылка
VALJ, всегда пожалуйста:) пользуйтесь:)
Карл_Львович   обратиться по имени Пятница, 03 Декабря 2010 г. 15:10 (ссылка)
Ух!...
Ответить С цитатой В цитатник
Аццкий_Аноним   обратиться по имени Пятница, 03 Декабря 2010 г. 15:10 (ссылка)
Legionary, спасибо! А горизонтальный как сделать?
"overflow-x"?
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 03 Декабря 2010 г. 15:12ссылка
Аццкий_Аноним, э.. ну да... тока зачем?:)
margaret60   обратиться по имени Пятница, 03 Декабря 2010 г. 15:13 (ссылка)
СПАСИБО
Ответить С цитатой В цитатник
Перейти к дневнику
igoda   обратиться по имени Пятница, 03 Декабря 2010 г. 15:16 (ссылка)
СПАСИБО! Просто и нужно!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 03 Декабря 2010 г. 15:17ссылка
igoda, на здоровье:)
Дарина423   обратиться по имени Пятница, 03 Декабря 2010 г. 15:18 (ссылка)
Спасибо, Алексей за науку!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 03 Декабря 2010 г. 15:19ссылка
Дарина423, всегда пожалуйста:)
Аццкий_Аноним   обратиться по имени Пятница, 03 Декабря 2010 г. 15:22 (ссылка)
Исходное сообщение Legionary:
Аццкий_Аноним , э.. ну да... тока зачем?:)

Legionary, есть фундаментальное знание. Оно - первично. Например, сделать самое простое сладйшоу - с ручной перемоткой :)
Лорелея
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 03 Декабря 2010 г. 15:23ссылка
Аццкий_Аноним, "пилите Шура, пилите...", в данном случае "Крутите...":)
ПРИКОСНОВЕНИЕ_ДЕЛЬФИНА   обратиться по имени а для сайта? Пятница, 03 Декабря 2010 г. 15:25 (ссылка)
А для сайта подходит этот код? Или только для Лиру?
Ответить С цитатой В цитатник
Перейти к дневнику
ПРИКОСНОВЕНИЕ_ДЕЛЬФИНА   обратиться по имени Пятница, 03 Декабря 2010 г. 15:43 (ссылка)
Не просто Спасибо, а поясной поклон!!! Все получилось.
Legionary, ты волшебник!
Ответить С цитатой В цитатник
Перейти к дневнику
Milena523   обратиться по имени Пятница, 03 Декабря 2010 г. 16:16 (ссылка)
Большое спасибо!
Ответить С цитатой В цитатник
Inmira   обратиться по имени Пятница, 03 Декабря 2010 г. 16:22 (ссылка)
Актуально! :-) спс)
Ответить С цитатой В цитатник
овно4ка   обратиться по имени Пятница, 03 Декабря 2010 г. 16:23 (ссылка)
Лёша, это наверное специально для меня!! Я вчера там как раз когда вставляла банер твой- натворила чудес- пришлось все заново перегружать .. только там очевидно нельзя убрать под кат, (пробовала много раз- не получается) и все эти банеры занимают ну очень много места.. А сейчас вот сделаю по твоему уроку! Благодарю, УЧИТЕЛЬ ты наш!!!
Ответить С цитатой В цитатник
gemchuginkaII   обратиться по имени Пятница, 03 Декабря 2010 г. 16:30 (ссылка)
Спасибо.
Ответить С цитатой В цитатник
goldmetel   обратиться по имени Пятница, 03 Декабря 2010 г. 16:34 (ссылка)
Legionary, да, иногда это бывает полезно. Но на своих сайтах я избегаю полос прокрутки. Они грубовато все-таки смотрятся. Обычно я подключаю iframe, выполняющий ту же функцию. Хотя в последнее время полностью перешел на jQuery Tooltips, которые на Li, к сожалению, не работают, как и все javascripts.
Ответить С цитатой В цитатник
LebWohl   обратиться по имени Пятница, 03 Декабря 2010 г. 16:49 (ссылка)
Спасибо Леша,как раз для новичков,да и старички вспомнят
Ответить С цитатой В цитатник
NeTakaya_6til   обратиться по имени Пятница, 03 Декабря 2010 г. 16:54 (ссылка)
*Подползая где-то сзади толпы с бровями* Мерси,уважаемый)
Ответить С цитатой В цитатник
НИК-НИНА   обратиться по имени Пятница, 03 Декабря 2010 г. 16:57 (ссылка)
спасибо, Леша, пригодится, вдруг это не то, что я уж имею




Ответить С цитатой В цитатник
galinaiv   обратиться по имени Пятница, 03 Декабря 2010 г. 17:25 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
super-tanya   обратиться по имени Пятница, 03 Декабря 2010 г. 17:48 (ссылка)
Спасибо, Лёшенька, очень полезная информация
Ответить С цитатой В цитатник
Lusha_Lenina   обратиться по имени Пятница, 03 Декабря 2010 г. 18:38 (ссылка)
Legionary, спасибо очень нужная вещь!
Ответить С цитатой В цитатник
Торнадо2112   обратиться по имени Пятница, 03 Декабря 2010 г. 20:06 (ссылка)
Спасибо!Надо будет попробовать...
Ответить С цитатой В цитатник
ShaNura3   обратиться по имени Пятница, 03 Декабря 2010 г. 22:32 (ссылка)
Очень даже интересно!Спасибо!
Ответить С цитатой В цитатник
Наталья_Ивановна_НИК   обратиться по имени Пятница, 03 Декабря 2010 г. 22:53 (ссылка)
Спасибо большое...
Ответить С цитатой В цитатник
НАТАЛИЯ_КОНОВАЛЕНКО   обратиться по имени Пятница, 03 Декабря 2010 г. 23:18 (ссылка)
СПАСИБО.
Ответить С цитатой В цитатник
Olga_2008   обратиться по имени Пятница, 03 Декабря 2010 г. 23:50 (ссылка)
Спасибки!!!!
Ответить С цитатой В цитатник
lussiava   обратиться по имени Суббота, 04 Декабря 2010 г. 00:31 (ссылка)
Хорошая вещь, спасибо большое))))))))))
Ответить С цитатой В цитатник
Татьяна_Сокол   обратиться по имени Суббота, 04 Декабря 2010 г. 03:44 (ссылка)
Благодарю Лёша за ликбез:)
Ответить С цитатой В цитатник
Светлана53   обратиться по имени Суббота, 04 Декабря 2010 г. 05:09 (ссылка)
Благодарю !!!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 3 4 5 [Новые]
 

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

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

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

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