-Фотоальбом

Посмотреть все фотографии серии Мои соседи
Мои соседи
13:31 05.07.2020
Фотографий: 3
Посмотреть все фотографии серии тюльпаны
тюльпаны
20:05 11.05.2020
Фотографий: 5

 -Рубрики

 -Цитатник

Лекарство от хандры. - (0)

Лекарство от хандры. Откройте окна! В дом впустите утро, Как лучшее лекарство от ха...

Господи, я усталой путницей бреду... - (0)

Господи, я усталой путницей бреду...

На уровне души... - (0)

На уровне души...   ...

С тикеры гиф - (1)

Ладошки - "Стикеры гиф" для комментариев. Стикеры сделают вашу переписку с друзьями более эмоци...

____ох уж эти депутаты... - (0)

Реклама для импотентов Не знаю кто этот молодой человек,но надежды он не теряет.

 -Поиск по дневнику

Поиск сообщений в Вера_Верочка_Веровь

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 19.12.2016
Записей: 2084
Комментариев: 611
Написано: 4354


Рамочка с ПРОКРУТКОЙ ТЕКСТА - 2 - ...

Суббота, 09 Декабря 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:***)


Серия сообщений "________ - Делаем рамочки -":
Часть 1 - Делаем рамочку для текста без ФШ...
Часть 2 - Учимся делать рамочки (вникаем в суть)... Урок № 1 от bloginja...
...
Часть 14 - Рамочка с выступающей справа картинкой
Часть 15 - HTML рамка - КОЛЛАЖ...
Часть 16 - Рамочка с ПРОКРУТКОЙ ТЕКСТА - 2 - ...
Часть 17 - Рамочка-книжка...
Часть 18 - Поговорим о рамочке для текста "Рамочка-книжка"
Часть 19 - *** ДВЕ рамочки с вертикальными бордюрами...
Часть 20 - И снова — «Рамочка-книжка»

Серия сообщений "*******ШПРАГАЛКИ":
Часть 1 - Рамочки в 1 слой...
Часть 2 - СПЕЦКОДЫ для оформления поста -1-
...
Часть 11 - Рамочка с прокруткой текста - 1 - ...
Часть 12 - Закругляем углы на картинках; Вставляем текст на картинку...
Часть 13 - Рамочка с ПРОКРУТКОЙ ТЕКСТА - 2 - ...
Часть 14 - Cимволы
Часть 15 - Шпаргалка по тегам
...
Часть 19 - Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте.
Часть 20 - И снова — «Рамочка-книжка»
Часть 21 - ***МОИ маленькие находки...



Процитировано 4 раз
Понравилось: 3 пользователям

E-Ledi   обратиться по имени Суббота, 08 Января 2022 г. 22:38 (ссылка)
Отличные идеи... Верочка, спасибо за науку.
Ответить С цитатой В цитатник
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку