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


Делаем пост, эпиграф или картинки "с прокруткой" 17-03-2016 12:16 к комментариям - к полной версии - понравилось!


 

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

 

[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
Комментарии (123): вперёд» последняя»
Isentiya 26-06-2014-13:29 удалить
Пригодится Ирочка,спасибо,я тоже вечно забываю.
IrchaV 26-06-2014-13:36 удалить
Ответ на комментарий Isentiya # значит я не одна, уже хорошо
alisein 26-06-2014-13:57 удалить
IrchaV, спасибо. Эти коды действуют только на ли.ру. или на других ресурсах тоже?
IrchaV 26-06-2014-14:00 удалить
Ответ на комментарий alisein # Про все не скажу, но на многих точно работает!
IrchaV 26-06-2014-14:01 удалить
Ответ на комментарий Нина_Гуревич # Пожалуйста Нина!!любовь!
ТИШИНА_500 26-06-2014-14:12 удалить
спасибо за интересные коды
rottam 26-06-2014-15:13 удалить
Спасибо большое,вот и я их разыскиваю.
alina1980 26-06-2014-18:16 удалить
Спасибо огромное Ириночка!
Иринка, спасибо большое! У меня где то были эти коды, но кинулась искать и не могу найти. А тут твой постик как кстати. Цитирую с благодарностью!
Спасибо огромное! Ваш урок кстати, как раз собиралась научиться!
Ирочка большое спасибо за коды и наглядное обучение!!!!!
--_Ole4ka_-- 26-06-2014-21:23 удалить
Спасибо Вам большое.
koreckolga 26-06-2014-22:35 удалить
Как интересно! Спасибо, Иришечка!
IrchaV 27-06-2014-10:12 удалить
Ответ на комментарий ТИШИНА_500 # Рада, что пригодились не только мне!
IrchaV 27-06-2014-10:13 удалить
Ответ на комментарий morela4 # Спасибо за открытку!
IrchaV 27-06-2014-10:13 удалить
Ответ на комментарий rottam # Вот и я по этому пост поставила, сделаю его что бы на виду был!
IrchaV 27-06-2014-10:13 удалить
Ответ на комментарий alina1980 # Пожалуйста Алина!
IrchaV 27-06-2014-10:14 удалить
Ответ на комментарий Прибалтийка # Прибалтийка, Пожалуйста, меня когда-то девочки учили, я хранила в блокноте, а тут устала все время искать и сделала пост, что бы под рукой всегда был!
IrchaV 27-06-2014-10:14 удалить
Ответ на комментарий Н_о_я_б_р_и_н_а # Рада, что вовремя поставила пост!
IrchaV 27-06-2014-10:15 удалить
Ответ на комментарий Megapolis # Всегда пожалуйста!
IrchaV 27-06-2014-10:16 удалить
Ответ на комментарий Любовь_Терехова # Всегда пожалуйста, рада, что пригодилось!
IrchaV 27-06-2014-10:16 удалить
Ответ на комментарий --_Ole4ka_-- # Всегда пожалуйста!
IrchaV 27-06-2014-10:16 удалить
Ответ на комментарий koreckolga # Пожалуйста дорогая!
IrchaV 27-06-2014-10:16 удалить
Ответ на комментарий PEREMILA # Всегда пожалуйста!


Комментарии (123): вперёд» последняя» вверх^

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

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