Делаем пост, эпиграф или картинки "с прокруткой" |
Как сделать сильно большой текст с прокруткой, что бы пост не был сильно длинным? Или как сделать прокручивающиеся картинки (слайдшоу) прямо в сообщении?
Часто описание, или эпиграф занимает слишком много места . Не очень удобно, особенно для тех кто не хочет читать. Для более удобства мы вставим наш текс в эпиграф с прокруткой, как это будет смотреться....
Вот так:
Код такой прокрутки:
<div style="overflow-y: scroll; width: 100px; height: 100px;">Ваш текст</div>
Вместо слов "Ваш текст" надо вставить либо текст вашего поста, либо код вашего эпиграфа и пр. Можно и картинки:) Т.е. можно полностью ваш код эпиграфа (со всеми кодами цветов текста, размерами букавок и пр. "непонятные" значки) прописать вместо "Ваш текст",- и весь ваш эпиграф будет в этой прокручивающейся рамочке:) Числа "100"-обозначают размер (ширина и высота) поменяйте их на свое усмотрение.
Так же можно красиво оформить ваши фото, картинки, открытки, вот так я оформила свои открытки
Чтобы сделать в сообщении слайд шоу, нужно получить их код. Для этого нужно загрузить картинку либо на фотохостинг и взять код для вставки в блог, или в вашем дневнике закрытое сообщение и загрузить нужные картинки, чтобы работать с их кодами.
Наш код
<marquee>Наш код </marquee>
Чтобы получить вертикальную прокрутку, используем тег marquee с уточненем
Наш код..
<marquee direction="up">Наш код</marquee>
А так же можно сделать более медленную прокрутку фото и открыток....
Наш код
<marquee scrollamount="1">Наш код</marquee>
значение "1" можно менять. от 1 го - максимально медленно, и по нарастающей.
Может эти уроки и новы, но я постоянно забываю как делать, по этому и создала пост, если еще кому-нибудь пригодится, буду только рада!
С Уважением Ирча!
Серия сообщений "Всегда под рукой":
Часть 1 - Делаем баннер самостоятельно
Часть 2 - Меняем цвет шрифта.
...
Часть 24 - Уроки блоггерского мастерства
Часть 25 - Чайнику от чайника. Оглавление.
Часть 26 - Делаем пост, эпиграф или картинки "с прокруткой"
Часть 27 - Обводка для текста
Часть 28 - Онлайн HTML - редактор
Часть 29 - Шпаргалочка по тегам Берём к себе в цитатник.
Рубрики: | для дневника/рамочки,уроки |
« Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |