12.12.2015, 18:56
wersja skryptu MyBB:1.8.6
adres forum: csgdansk.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam. Robie widget twicha na forum z tego gotowego rozwiązania http://codepen.io/svinkle/pen/qIyAE
W index zrobilem tak
do global.css
A twich.js wrzucilem do jscript na ftp
I tu jest problem, mam tylko jedna czarną linie.
Cos zle zainstalowalem?
adres forum: csgdansk.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam. Robie widget twicha na forum z tego gotowego rozwiązania http://codepen.io/svinkle/pen/qIyAE
W index zrobilem tak
Kod PHP:
<!------ BOX 3 ------------------------------------------>
<div class="box_sidebar">
<div class="thead_sidebar">
Twich graczy
</div><!-- thead_sidebar -->
<a href="#" class="twitch-widget" id="twitch-widget" target="_blank"></a>
<iframe src="http://streambadge.com/twitch/?username=magz_bang&theme=dark" style="width:270px;height:64px;border:0;"></iframe>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="js/twich.js"></script>
</div><!-- trow_sidebar -->
</div><!-- box_sidebar -->
<!------ KONIEC BOX 3 ---------------------------------->
do global.css
Kod PHP:
.twitch-widget {
background: #333;
border-radius: 5px;
color: #fff;
display: block;
margin: 25px 0;
padding: 10px;
text-decoration: none;
}
.twichon, .twichoff {
border-radius: 5px;
display: inline-block;
height: 10px;
width: 10px;
}
.twichon {
background: green;
}
.offline {
background: red;
}
.viewers {
color: #ccc;
display: block;
margin: 0 0 0 15px;
font-size: 0.8em;
}
A twich.js wrzucilem do jscript na ftp
Kod PHP:
(function() {
var user_name, api_key, twitch_widget;
user_name = "magz_bang";
api_key = "5j0r5b7qb7kro03fvka3o8kbq262wwm";
twitch_widget = $("#twitch-widget");
twitch_widget.attr("href","http://twitch.tv/" + user_name);
$.getJSON('https://api.twitch.tv/kraken/streams/' + user_name + '?client_id=' + api_key + '&callback=?', function(data) {
if (data.stream) {
twitch_widget.html("<span class='twichon'></span> Online! Playing: " + data.stream.game + "<span class='viewers'>Viewers: " + data.stream.viewers + "</span>");
} else {
twitch_widget.html("<span class='twichoff'></span> Offline");
}
});
})();
I tu jest problem, mam tylko jedna czarną linie.
Cos zle zainstalowalem?