-Рубрики

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

Поиск сообщений в So-ni

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

 

 -Статистика

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


Как сделать пост с прокруткой

Пятница, 31 Декабря 2010 г. 12:40 + в цитатник
Цитата сообщения Viva-Scarlett

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

 


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

 



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


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

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

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

Серия сообщений "Оформляем дневничок":
Ну что ж, попробуем сделать свой виртуальный мирок красивее, симпатичнее, ярче...у каждого свое видение! И, как оказывается, все это несложно воплотить. Когда я увидела эту кучу кодов и черточек, то пришла в ужас. И не знала за что первым-то хватиться. Хочется ведь чтоб было особенно... А тут... Спасали ясные пояснения и готовые примеры в картинках... Постепенно смысл стал проясняться, а меня за уши не оттянуть от блога=)
Часть 1 - Шпаргалка по ведению блога!
Часть 2 - Полезные мелочи
...
Часть 14 - Сложные таблицы.
Часть 15 - Сколько стоит Ваш сайт или блог
Часть 16 - Как сделать пост с прокруткой

Серия сообщений "полезности для дневника":
Часть 1 - Разбиваем длинный текст(скрыть под кат)
Часть 2 - Как вставить видео в дневник с других сайтов
Часть 3 - Как сделать пост с прокруткой
Часть 4 - Создаем себе &quot;очень полезное&quot; место под сайт и под файлы.
Часть 5 - Генератор плейлиста для flash альбомов
...
Часть 13 - Полезная ссылка для Web мастеров
Часть 14 - Новостная бегущая строка для дневника, сайта
Часть 15 - Теги работающие на ЛиРу

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

Еленка17   обратиться по имени Пятница, 09 Сентября 2011 г. 22:44 (ссылка)
Спасибо.
Ответить С цитатой В цитатник
 

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

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

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

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