Следите за новостями любимого конструктора сайтов uCoz в социальных сетях!
в этих строчках таблицы стилей
.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}
В глобальном блоке промо найти такой код:
<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>
В стилях в строке 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/
Ищите у вас в блоке промо подобный код:
<a href="ваша ссылка" style="display: block; width: 634px; height: 128px;"><div class="photo" style="background-image: url("/.s/t/1805/s1.jpg"); transform: scale(1); transform-origin: 5.67823% 47.7051%;"></div></a>
добавить выделенное красным и прописать нужную ссылку.
<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 в итоге ссылку вам так сделать не получится так как нужно переписать скрипт, сам скрипт вставляет эту конструкцию которую я привел в примере выше. Можно блоки создать вручную сверстав как нужно и не заморачиваться с стандартными и завернуть в нужный ссылки как вам нужно.
Юрий добрый день! Такой вопрос, если не работает принцип картинка - кнопка, а кнопокй отображается только текст, есть ли возможность повернуть текст скажем на 35 градусов в картинке, но так что бы картинка не поварачивалась? Мы прописываем но поварачивается все комплексом...
Используйте значение transform в стилях в строке 174 http://htmlbook.ru/css/transform и поворачивайте на сколько вам нужно.