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


Рамочка с ПРОКРУТКОЙ ТЕКСТА - 2 - ... 09-12-2017 17:55 к комментариям - к полной версии - понравилось!



*
Очень долго искала такого вида прокрутку для текста и ...
О, чудо! Свершилось! Спасибо девочкам: в дневнике Татьяны Гусаковой (ссылка на пост), я нашла цитату сообщения SvetlanaT. Немного пришлось поэкспериментировать любимым нашим методом "тыком" прежде, чем поняла, как сделать именно такую прокрутку.
Оказывается, главная и основная изюминка - это картинка:
<img src="адрес картинки" width="" height="" align="left">
Надо только, чтобы ширина ее - width="***" - была не меньше 100 -130
Высоту прокрутки подгоняем под ВЫСОТУ вашей картинки или немного меньше.
...position: width:99%; height:***px...

***Если вам не нужна картинка, то не вставляйте ее адрес, но ширину обязательно проставьте. Это будет выглядеть так:
<img src="" width="100" height="" align="left">
ПРИМЕР:
... «В один из осенних вечеров я прошу друзей оставить нас одних…
…Закрыв за ними дверь, я оборачиваюсь и смотрю на тебя. В луче света, идущем из кухни, мне хорошо видно твое лицо. Ты дрожишь, ты шепчешь слова, которые я не могу разобрать, я протягтваю к тебе руки и слышу обрывки фраз: «На всю жизнь…уже так давно…моя жена!»

Всей ночи нам не хватило, чтобы до конца понять глубину нашего чувства. Долгие месяцы заигрываний, лукавых взглядов и нежностей были как бы прелюдией к чему-то неизмеримо большему. Каждый нашел в другом недостающую половину. Мы тонем в бесконечном пространстве, где нет ничего, кроме любви. Наши дыхания стихают на мгновенье, чтобы слиться затем воедино в долгой жалобе вырвавшейся на волю любви.

Нам по тридцать лет, у нас большой опыт жизни – несколько жен и мужей, пятеро сыновей на двоих, профессиональные успехи и неудачи, взлеты и падения, слава. А мы очарованы друг другом, как дети, впервые узнающие любовь.

Ничего и никогда не сотрет из памяти те первые минуты бесконечной близости. На третий день на рассвете мы уходим из этого доброго дома. Мы вместе отныне и вовеки веков».
0_cb780_f7792512_XL (700x557, 545Kb)




***Можно такую прокрутку поместить в рамочку. При этом, фон рамочки и фон для текста в прокрутке сделать разные.
Примерно, вот так:


В лесу родилась елочка, в лесу она росла,
Зимой и летом стройная, зеленая была...

66145833_1288816374_66 (512x344, 252Kb)




Но есть ещё мАленькая "козявочка" в этой прокрутке - в тексте прокрутки должна быть картика, фотография размером примерно не меньше width="600"...
Испрбовала всё, получается именно такого вида прокрутка только с картинкой (фотографией) в тексте...
Вот, пожалуй, и все дополнения к постам, указанным выше...

z5a2bda5058717 (700x110, 256Kb)





***
Код от SvetlanaT ПОСТ С ПРОКРУТКОЙ.



***Если вам не нужна картинка, то не вставляйте ее адрес, но ширину обязательно проставьте. Это будет выглядеть так:
<img src="" width="100" height="" align="left">
... «В один из осенних вечеров я прошу друзей оставить нас одних…

…Закрыв за ними дверь, я оборачиваюсь и смотрю на тебя. В луче света, идущем из кухни, мне хорошо видно твое лицо. Ты дрожишь, ты шепчешь слова, которые я не могу разобрать, я протягтваю к тебе руки и слышу обрывки фраз: «На всю жизнь…уже так давно…моя жена!»

Всей ночи нам не хватило, чтобы до конца понять глубину нашего чувства. Долгие месяцы заигрываний, лукавых взглядов и нежностей были как бы прелюдией к чему-то неизмеримо большему. Каждый нашел в другом недостающую половину. Мы тонем в бесконечном пространстве, где нет ничего, кроме любви. Наши дыхания стихают на мгновенье, чтобы слиться затем воедино в долгой жалобе вырвавшейся на волю любви.

Нам по тридцать лет, у нас большой опыт жизни – несколько жен и мужей, пятеро сыновей на двоих, профессиональные успехи и неудачи, взлеты и падения, слава. А мы очарованы друг другом, как дети, впервые узнающие любовь.

Ничего и никогда не сотрет из памяти те первые минуты бесконечной близости. На третий день на рассвете мы уходим из этого доброго дома. Мы вместе отныне и вовеки веков».
0_cb780_f7792512_XL (700x557, 545Kb)




***Можно такую прокрутку поместить в рамочку. При этом, фон рамочки и фон для текста в прокрутке сделать разные.
Примерно, вот так:


В лесу родилась елочка, в лесу она росла,
Зимой и летом стройная, зеленая была...

66145833_1288816374_66 (512x344, 252Kb)





*
При копировании кода рамочки, где основной фон background-image:url(https://...) бывает и так
/img-fotki.yandex.ru/get/880375/127703801.67/0_177c6a_4d6af4ec_orig" target="_blank">https://img-fotki.yandex.ru/get/880375/127703801.67/0_177c6a_4d6af4ec_orig); border:5px #C0C0C0 ridge; padding: 10px; margin:0px 0px 0px 0px;">

В лесу родилась елочка, в лесу она росла,
Зимой и летом стройная, зеленая была...








Но не надо паниковать. Когда зайдете в редактирование, то увидите в формуле основного фона [url] и [/url]. Удалите ненужное, и все будет О,КЕЙ


В лесу родилась елочка, в лесу она росла,
Зимой и летом стройная, зеленая была...











Чуть не забыла:


КОД РАМОЧКИ, где фон рамки background-image:url(https:***), и фон прокрутки background-image:url('http:***):




КОД РАМОЧКИ, где фон рамки background-color: #***, а фон прокрутки background-image:url('http:***)


вверх^ к полной версии понравилось! в evernote
Комментарии (1):
E-Ledi 08-01-2022-22:38 удалить
Отличные идеи... Верочка, спасибо за науку.


Комментарии (1): вверх^

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

Дневник Рамочка с ПРОКРУТКОЙ ТЕКСТА - 2 - ... | Вера_Верочка_Веровь - У самовара | Лента друзей Вера_Верочка_Веровь / Полная версия Добавить в друзья Страницы: раньше»