Как создать музыкальное радио, есть ли возможность создать в вашем конструкторе ?

голоса: 0
Добрый день, возникло желание создать музыкальное радио, есть ли возможность создать в вашем конструкторе ?
Адрес сайта gymmusic.ucoz.net
Закрыто с пометкой: Ответ получен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
Вы можете с сторонних сервисов скопировать код видео и встроить себе на сайт, ничего невозможного нет.
| Автор:
нет вы не поняли, мне нужно создать сайт, который будет функционировать как радио, то есть человек зашел выбрал жанр музыки, допустим рок, и у него открылся плеер, соответствующие изображения и т.д., возможно такое ?
такое возможно, если потоковая трансляция, то сторонними плеерами. если только музыка, то нужно искать где хранить файлы
webanet,
хорошо, это понятно, мы не поняли куда прописывать основной код, к тому же плееру. Или еще вопрос, мы не нашли в коде как поменять размер слайда к примеру, это сделать констурктором не возможно ?
вот инструкции по изменению всех шаблонов https://www.ucoz.ru/help/templates  редактировать код через панель управления - дизайн - редактор - там есть список всех шаблонов.  что такое основной код?
webanet,
мы взяли за основу дизайн #1805 нам необходимо поменять размер слайда по высоте. Где изменить ?
дайте адрес сайта
webanet,
gymmusic.ucoz.net

в этих строчках таблицы стилей

.tile{position:relative;float:left;width:33.333%;height:100%;overflow:hidden}
.photo{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transition:transform .5s ease-out}
 

webanet,
Как нам на правый слайд добавить плеер ? где прописывать ?
Игорь Шмаков,

В глобальном блоке промо найти такой код:

<div class="uItemSlidePart uItemSlidePart-right">
<div class="uSlideSkewed">
<div class="uSlideItemContent">
<h2 class="uItemSlide__heading">здесь прописать код плеера</h2>
<a class="btn-promo1" href="/"><span>More</span></a>
</div>
</div>
</div>
Yuri_Geruk,
а как поменять фон правого слайда ? с белого на другой ?
Игорь Шмаков,

В стилях в строке 148:

.uSlideSkewed{overflow:hidden;position:absolute;top:0;width:140%;height:100%;-webkit-transform:skewX(var(--skewDegM));-ms-transform:skewX(-18deg);transform:skewX(var(--skewDegM));background:#fff}

вместо выделенного пропишите свой цвет, подобрать можете на сайте https://www.color-hex.com/

Yuri_Geruk,
Как нам сделать из изображений 1,2 и 3 (плитки) кнопки на переход жанра музыки, что бы кнопкой именно была картинка а не текст, какую команду и где прописать ? подскажите пожалуйста на этом встряли.
Игорь Шмаков,

Ищите у вас в блоке промо подобный код:

<a href="ваша ссылка" style="display: block; width: 634px; height: 128px;"><div class="photo" style="background-image: url(&quot;/.s/t/1805/s1.jpg&quot;); transform: scale(1); transform-origin: 5.67823% 47.7051%;"></div></a>

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

Yuri_Geruk,

<section class="promo-bottom"> 
<div class="tiles"> 
<div class="tile" data-url="/" data-scale="1.1" data-image="/.s/t/1805/bs1.jpg">2 
</div> 
<div class="tile" data-url="/" data-scale="1.1" data-image="/.s/t/1805/bs2.jpg">2 
</div> 
<div class="tile" data-url="/" data-scale="1.1" data-image="/.s/t/1805/bs3.jpg">3 
</div> 
</div> 
</section>

мы так поняли это оно... но мы не можем понять в каком месте вставить подобный код, что бы клиент нажал просто на картинку и включился жанр допуустим "рок музыка" .... можете подробнее разъяснить ? или его нужно передлать в то что вы прислали? 

Игорь Шмаков,
Когда нам можно надеяться на ответ ?
Игорь Шмаков,

Это все устроено на уровне скрипта https://gymmusic.ucoz.net/.s/t/1805/main.js в итоге ссылку вам так сделать не получится так как нужно переписать скрипт, сам скрипт вставляет эту конструкцию которую я привел в примере выше. Можно блоки создать вручную сверстав как нужно и не заморачиваться с стандартными и завернуть в нужный ссылки как вам нужно.

Yuri_Geruk,

Юрий добрый день! 
Такой вопрос, если не работает принцип картинка - кнопка, а кнопокй отображается только текст, есть ли возможность повернуть текст скажем на 35 градусов в картинке, но так что бы картинка не поварачивалась? Мы прописываем но поварачивается все комплексом...

Игорь Шмаков,
Юрий когда можно ждать ответ ?
Игорь Шмаков,

Используйте значение transform в стилях в строке 174 http://htmlbook.ru/css/transform и поворачивайте на сколько вам нужно.

Yuri_Geruk,
как убрать белое пустое пространоство под плитками "жми,беги,бейся" ? нам оно не нужно
Игорь Шмаков,
Попробуйте ваши стили в таблице стилей заменить на стили с файла https://docs.google.com/document/d/14BXjtzkINq2cDogWXTODAxC6yYFgr15v47ym-tEdekA/edit?usp=sharing
...