• Авторизация


Лиру. Делаем пост, эпиграф с прокруткой 03-12-2010 15:07 к комментариям - к полной версии - понравилось!


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


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



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

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

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

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

©2010 Legionary
вверх^ к полной версии понравилось! в evernote
Комментарии (130): вперёд» последняя»
VALJ 03-12-2010-15:08 удалить
СПАСИБОЧКИ ЗА ПОЛЕЗНЫЕ ПОДСКАЗКИ!!!!
Legionary 03-12-2010-15:09 удалить
Ответ на комментарий VALJ # VALJ, всегда пожалуйста:) пользуйтесь:)
Legionary, спасибо! А горизонтальный как сделать?
"overflow-x"?
Legionary 03-12-2010-15:11 удалить
Ответ на комментарий Карл_Львович # Карл_Львович, ага:)))
Legionary 03-12-2010-15:12 удалить
Ответ на комментарий Аццкий_Аноним # Аццкий_Аноним, э.. ну да... тока зачем?:)
Legionary 03-12-2010-15:14 удалить
Ответ на комментарий margaret60 # margaret60, пожалуйста:)
igoda 03-12-2010-15:16 удалить
СПАСИБО! Просто и нужно! [показать]
Legionary 03-12-2010-15:17 удалить
Ответ на комментарий igoda # igoda, на здоровье:)
Дарина423 03-12-2010-15:18 удалить
Спасибо, Алексей за науку!
Legionary 03-12-2010-15:19 удалить
Ответ на комментарий Дарина423 # Дарина423, всегда пожалуйста:)
Исходное сообщение Legionary:
Аццкий_Аноним , э.. ну да... тока зачем?:)

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




Ripecherry 03-12-2010-17:48 удалить
Спасибо, Лёшенька, очень полезная информация
Lusha_Lenina 03-12-2010-18:38 удалить
Legionary, спасибо очень нужная вещь! [показать]
Спасибо!Надо будет попробовать...


Комментарии (130): вперёд» последняя» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Лиру. Делаем пост, эпиграф с прокруткой | Legionary - Legionblog | Лента друзей Legionary / Полная версия Добавить в друзья Страницы: раньше»