Szukam Lista streamerów Twitch

Adres forum:
http://alpha-team.eu/

Wersja silnika:
1.8.12

Chciałbym na swoim forum umieścić podobną podstronę jak tutaj: https://bavarian-titans.com/streams/
Znalazłem ten plugin Twitch, ale jest on niestety do WordPressa: https://en-gb.wordpress.org/plugins/ttv-...ed-player/

Chciałbym coś takiego do MyBB, chodzi głównie o to jak ogarnąć tą listę streamerów u boku, gdzie od razu widać kto jest obecnie online i ilu ma widzów.

Dziękuję z góry za jakieś pomysły, pozdrawiam.

Musisz stworzyć pod stronę:
1) Zwykłą, która jest bez integracji z MyBB to do swojego folderu public_html dodajesz po prostu plik stream.html
2) Z integracją MyBB musisz stworzyć podstroną według tego poradnika http://mybbsite.pl/dodawanie-nowej-podstrony

Jeżeli masz boostrapa min w wersji 4 to git, jeżeli nie to dodaj.
Do swojego szablonu dodaj ten kod

<div class="row">
  <div class="col-3">
    <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
      <a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">Home</a>
      <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">Profile</a>
      <a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">Messages</a>
      <a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">Settings</a>
    </div>
  </div>
  <div class="col-9">
    <div class="tab-content" id="v-pills-tabContent">
      <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">...</div>
      <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">...</div>
      <div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">...</div>
      <div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">...</div>
    </div>
  </div>
</div> 


I tam gdzie masz diva z klasą col-3 dodajesz nazwy/nicki streamerów, a tam gdzie col-9 dodajesz zamiast ... ifrema z ich kanałem