Как вставить радио в виджет?

[AnWey 14]

Нашел вот такой Плеер, как вставить в виджет? и ссылку на радио? 

Буду благодарен за любую помощь. 

 

https://codepen.io/jcoulterdesign/pen/EvQRRo?editors=1100 

[TacTics 593]

создать блок, засунуть туда html создать css в шаблоне закинуть туда код и прописать в globalTem..... до файла css и всё

[AnWey 14]

3 часа назад, TacTics сказал:

создать css в шаблоне закинуть туда код и прописать в globalTem..... до файла css и всё

Создать шаблон в каком разделе ? 

Что в globalTem нужно прописать? 

Спасибо! 

 

Пока что без успеха, ну может и получиться ) 

 

Сделал, как сказали, вот что получилось.

Скрытый текст

 

[TacTics 593]

@AnWey  Ну на скрине я вообще не вижу html code

больше похоже на css

[AnWey 14]

Как бы код без ошибок вставил... 

Скрытый текст

 

Edited December 21, 2020 by AnWey

[TacTics 593]

@AnWey  это не понятный html какой-то

[TacTics 593]

Скрытый текст

<div class='player'>
  <div class='player_inner'>
    <div class='player_inner__top'>
      <div class='t_left'>
        <i class='fa fa-bars'></i>
      </div>
      <div class='t_mid'>
        <h1>CUB3DPlayer</h1>
      </div>
      <div class='t_right'>
        <i class='fa fa-search'></i>
      </div>
    </div>
    <div class='player_inner__middle'>
      <input class='trigger--4' name='omni' type='radio'>
      <input class='trigger--3' name='omni' type='radio'>
      <input class='trigger--2' name='omni' type='radio'>
      <input class='trigger--1' name='omni' type='radio'>
      <input class='empty'>
      <div class='cube'>
        <div class='cube_inner'>
          <div class='cube_inner__front'>
            <div class='bars'>
              <div class='bars_bar'></div>
              <div class='bars_bar'></div>
              <div class='bars_bar'></div>
              <div class='bars_bar'></div>
              <div class='bars_bar'></div>
              <div class='bars_bar'></div>
              <div class='bars_bar'></div>
              <div class='bars_bar'></div>
              <div class='bars_bar'></div>
              <div class='bars_bar'></div>
            </div>
            <div class='details'>
              <div class='details_album'></div>
              <h2>Koan Sound - Meanwhile in the future</h2>
              <h3>Funkblaster</h3>
            </div>
          </div>
          <div class='cube_inner__left'>
            <div class='options'>
              <i class='fa fa-headphones'></i>
              <i class='fa fa-redo-alt'></i>
              <i class='fa fa-random'></i>
              <i class='fa fa-fast-forward'></i>
              <i class='fa fa-music'></i>
            </div>
          </div>
          <div class='cube_inner__right'>
            <div class='volume'>
              <div class='volume_pip'></div>
              <div class='volume_pip'></div>
              <div class='volume_pip'></div>
              <div class='volume_pip'></div>
              <div class='volume_pip'></div>
              <div class='volume_pip'></div>
              <div class='volume_pip'></div>
              <div class='volume_pip'></div>
              <div class='volume_pip'></div>
              <div class='volume_pip'></div>
              <div class='volume_pip'></div>
              <div class='volume_pip'></div>
              <div class='volume_pip'></div>
              <div class='volume_pip'></div>
              <i class='fa fa-volume-up'></i>
            </div>
          </div>
        </div>
      </div>
      <div class='r_trim'></div>
      <div class='l_trim'></div>
      <div class='shadow_right'></div>
      <div class='shadow_left'></div>
    </div>
    <div class='player_inner__bottom'>
      <div class='options'>
        <i class='fa fa-repeat'></i>
        <i class='fa fa-random'></i>
      </div>
      <div class='playbar'>
        <div class='playbar_inner'></div>
        <div class='playbar_left'>
          <span>0:00</span>
        </div>
        <div class='playbar_right'>
          <span>3:45</span>
        </div>
      </div>
      <div class='controls'>
        <div class='controls_left'>
          <i class='fa fa-step-backward'></i>
        </div>
        <div class='controls_middle'>
          <i class='fa fa-play-circle'></i>
        </div>
        <div class='controls_right'>
          <i class='fa fa-step-forward'></i>
        </div>
      </div>
    </div>
  </div>
</div>

 

 

Вот он

[TacTics 593]

Ты хоть понимаешь что этот плеер не доделанный ? там нету

Это чисто пример для дизайнера.

Там ещё надо писать код для вставки песни или радио.

[AnWey 14]

Только что, TacTics сказал:

Ты хоть понимаешь что этот плеер не доделанный ? там нету

Это чисто пример для дизайнера.

Там ещё надо писать код для вставки песни или радио.

Лол печаль, думал плеер готовый...