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


Делаем пост, эпиграф или картинки "с прокруткой" 27-09-2014 09:58 к комментариям - к полной версии - понравилось!

Это цитата сообщения IrchaV Оригинальное сообщение

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

 
 

Как сделать сильно большой текст с прокруткой, что бы пост не был сильно длинным? Или как сделать прокручивающиеся картинки (слайдшоу) прямо в сообщении?

 

[630x300]

Часто описание, или эпиграф занимает слишком много места . Не очень удобно, особенно для тех кто не хочет читать. Для более удобства мы вставим наш текс в эпиграф с прокруткой, как это будет смотреться....

Вот так:

 

Свари мне кофе…- только утром!!!
вдохни в него прохладу дня…
и пара долек шоколада…
разбудят спящую меня…

добавь в него чуть–чуть корицы...
немного молока налей…
и я почувствую частицы…
в бокале теплоты твоей…

Пусть вкус его напомнит вечер…
а запах... — страстного тебя…
— Хитрец!!!! Зачем в него добавил...???
Немного капель коньяка...

К фарфору прикоснусь губами…
целуя край бокала…- кофе пью…
Обнявши теплыми руками…
я часть души твоей вдохну…

 

Код такой прокрутки:

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

 

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

Так же можно красиво оформить ваши фото, картинки, открытки, вот так я оформила свои открытки

 

[показать] [показать] [показать] [показать]

Чтобы сделать в сообщении слайд шоу,  нужно получить их код. Для этого нужно загрузить картинку либо на фотохостинг и взять  код для вставки в блог, или в вашем дневнике закрытое сообщение и загрузить нужные картинки, чтобы работать с их кодами.

Наш код

<marquee>Наш код </marquee>

 

Чтобы получить вертикальную прокрутку, используем тег marquee с уточненем

 

 

 

[показать] [показать] [показать]

 

Наш код..

<marquee direction="up">Наш код</marquee>

 

А так же можно сделать более медленную прокрутку фото и открыток....

 

 

 

[показать] [показать] [показать] [показать]

Наш код

<marquee scrollamount="1">Наш код</marquee>

значение "1" можно менять. от  1 го - максимально медленно, и по нарастающей.

 

[203x51]

 

Может эти уроки и не новы, но я постоянно забываю как делать, по этому и создала пост, если еще кому-нибудь пригодится, буду только рада!

С Уважением Ирча!

 

 
вверх^ к полной версии понравилось! в evernote


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

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