Скрыть SCM-плеер в Tumblr - PullRequest
Новая
       69

Скрыть SCM-плеер в Tumblr

1 голос
/ 29 апреля 2020

Мне нужна дополнительная помощь, я только учусь кодировать, уже нашел этот вопрос для предварительного просмотра , но я не совсем понимаю, как сделать файл css и загрузить его. Или если любой другой способ сделать то же самое.

Это моя страница , и это код, который SCM предоставляет 

!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="https://www.scmplayer.net/script.js" 
data-config="{'skin':'skins/black/skin.css','volume':50,'autoplay':true,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'blalbla','url':'test'}]}" ></script>
<!-- SCM Music Player script end -->

Что я хочу сделать, это скрыть и удалите лишнее пространство, которое дает дно.

1 Ответ

0 голосов
/ 30 апреля 2020

Вам нужно что-то вроде 

#playerW {
  display: none!important
}

Мне не нравится использовать !important, потому что это обычно признак плохого кода, но здесь я думаю, что это требуется как свойства css для проигрывателя scm устанавливаются javascript. Другой метод может быть: 

html body iframe #playerW {
   display: none;
}

Это добавляет больше специфичности к целевому элементу. Вы хотите загрузить это после ссылки scm.css в вашем шаблоне.

Однако я бы также проверил, что эти вещи еще не настраиваются в вашей теме.

На основании вашего последнего комментария (и с учетом текущей реализации вашей темы) у меня есть этот хак 

#scmframe {
    display: block;
    background-color: transparent;
    position: fixed;
    top: -30px; // change this from 0px
    left: 0px;
    width: 100%;
    height: 120%; //change this from 100%
    z-index: 1667;
}
...