-Рубрики

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

Поиск сообщений в Лилёк_Мотылёк

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

 

 -Интересы

скучающая домохозяйка. увлекаюсь всем понемногу что и выкладываю в своем дневничке.

 -Сообщества

Участник сообществ (Всего в списке: 5) BeautyMania Лучшие_видео_ютуба Бисероплет Blak_panther -HochuVseZnat-
Читатель сообществ (Всего в списке: 1) Blak_panther

 -Статистика

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


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

Воскресенье, 10 Марта 2013 г. 17:25 + в цитатник
Цитата сообщения Legionary Сегодня я нашла эту фишку. Попробовала, мне понравилось. Теперь буду пользоваться ею вместо "Читать дальше"
Лиру. Делаем пост, эпиграф с прокруткой

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


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



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

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

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

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

©2010 Legionary

Серия сообщений "LiRu-шнику":
Часть 1 - Создаем сайт своими руками. Введение
Часть 2 - Создаем сайт своими руками. Урок 1 - создаем страницы
...
Часть 12 - Генератор текста
Часть 13 - Эффекты с текстом
Часть 14 - Делаем пост, эпиграф с прокруткой
Часть 15 - Кнопки быстрого перехода по страницам для блога
Часть 16 - Красивые кнопочки-переходы+код!
...
Часть 33 - Конструктор цвета. Код для вставки цветного текста
Часть 34 - Как убирать однотонный фон
Часть 35 - 6 сайтов для быстрого расслабления на рабочем месте


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

Milaia_Mila   обратиться по имени Четверг, 19 Сентября 2013 г. 15:18 (ссылка)
Ответить С цитатой В цитатник
 

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

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

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

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