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

 


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

Четверг, 26 Июня 2014 г. 15:12 + в цитатник
Цитата сообщения IrchaV Делаем пост, эпиграф или картинки "с прокруткой"

 
 

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

 

1403772016_sovet_banner (630x300, 49Kb)

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

Вот так:

 

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

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

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

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

 

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

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

 

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

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

 

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

Наш код

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

 

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

 

 

 

 

Наш код..

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

 

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

 

 

 

Наш код

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

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

 

1371612620_OUYVS (203x51, 11Kb)

 

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

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

 

 

Серия сообщений "Всегда под рукой":
Часть 1 - Делаем баннер самостоятельно
Часть 2 - Меняем цвет шрифта.
...
Часть 24 - Уроки блоггерского мастерства
Часть 25 - Чайнику от чайника. Оглавление.
Часть 26 - Делаем пост, эпиграф или картинки "с прокруткой"
Часть 27 - Обводка для текста
Часть 28 - Онлайн HTML - редактор
Часть 29 - Шпаргалочка по тегам Берём к себе в цитатник.

Рубрики:  для дневника/рамочки,уроки
Метки:  
Понравилось: 1 пользователю

Alisia1   обратиться по имени Четверг, 26 Июня 2014 г. 23:27 (ссылка)
Благодарствую.
В цитатник