Друзья, у меня получилось не совсем как я хотела, извините, учусь! Жду подсказок и замечаний.

Виктор, то, что в кодепен мне понятно! А вот на Ли.ру нет! Там все наложилось ... Скажи где у меня в коде для Ли.ру ошибка?

Ответ на комментарий Татьяна_Волкова_Литвинова # Зайди в мой кодепен там для тебя ответ на твой пост

Ответ на комментарий Татьяна_Волкова_Литвинова # В коде для Лиру много неточностей у тебя...1.-зачем белый цвет тени ? надо черный #000,2.-блокирующая полоска должна быть всегда черной во всех работах не только в этой 3.-фон в кодепене тоже должен быть черным.4.-ну и размеры флеша надо подбирать,чтобы не было прокрутки или в кодепене сделать цветную прокрутку как у меня во всех работах и поставить width равный нулю тогда прокрутка исчезнет на Лиру и прокручивать можно будет курсором по центру картинки или плейлиста или страницы...

Ответ на комментарий starik51 # Теперь мне понятнее. Буду устранять свои пробелы. Пока сомнения в прокрутке..., но это позже. Виктор, спасибо! Пошла разбираться.

Ответ на комментарий Татьяна_Волкова_Литвинова # Это для тебя https://codepen.io/codepenioviktor/pen/bGQgzOB

Ответ на комментарий starik51 # Виктор, я почти разобралась! Осталось правильно сделать заставку для скрытия логотипа кодепен. Основная моя проблема была в размерах... и цветах белый, а надо черный. Мне , что заставку сделать черной и поставить ей прозрачность?

Ответ на комментарий Татьяна_Волкова_Литвинова # https://www.yapfiles.ru/files/2919989/_chernyi_cvet.png-это блокирующая полоса(черная) но ты можешь сделать свою.Прозрачность ей не надо(хочешь чтобы логотип кодепена был виден) Просто черный фон в кодепене и блокирующая полоса тоже черная ..все сливается воедино...А вот блок div в которой размещен флеш кодепена делается полупрозрачным 0.5-0.7 когда как..все зависит от картинки ,на которую ты ставишь флеш кодепена, желательно чтобы она была потемнееНа черную блокировочную полосу можно предварительно разместить какую нибудь маленькую анимашку для понта ,ну например такую https://www.yapfiles.ru/files/2796282/_poloska4.gif

Ответ на комментарий starik51 # Теперь все понятно! В следующей работе попробую учесть и использовать
твои советы.

Ответ на комментарий Татьяна_Волкова_Литвинова # Давай дерзай!!! Так замени в этой работе полоску на черную..ссылку то я дал

Ответ на комментарий starik51 # Заменила!!! Спасибо! Будем считать, что это наш совместный труд.

Ответ на комментарий starik51 # А какое у тебя расширение браузера(размер ширина и высота) надо бы тебе подобрать фон на страницу Лиру и сделать потом его прозрачным,потому что на этом фоне будет текст плохо читаться..ты же хотела сделать его прозрачным?

Ответ на комментарий starik51 # Текст у меня читается хорошо. Ты имеешь ввиду разрешение дисплея? У меня
1366х768. Я хотела научиться делать фон для Ли.ру прозрачным, как у тебя.

Ответ на комментарий starik51 # А какую бы картинку для фона ты хотела бы? Море,луна ,закат -набери в поиске и выбери картинку ..дай ссылку ,а я завтра сделаю чтобы она загрузилась на лиру,ведь там ограничения 80кб и ее надо уменьшить в весе,а уже потом поговорить о прозрачности фона

Ответ на комментарий starik51 # Хорошо! Отправлю в почту. Спокойной ночи!

У тебя в работе в этой стоит знак > после флеша ..убери его...после квадратных скопок он не ставится

Ответ на комментарий starik51 # Я видела, что он есть, но не нашла его в коде. Теперь запомню, что его там не должно быть. Спасибо!!!