[SMF] SP - Youtube carousel (Youtube video skroler)

  • 0 Odgovora
  • 865 Pregleda

0 Članovi i 1 gost pregledaju ovu temu.

NiKooLaa

  • Dont fear the reaper!
  • *
  • 5,391
  • +148/-13
  • Pol: Muškarac
    • dzontra.nikola
    • lastfm
    • opusteniforum
    • dzontra_nikola
    • Dzonny
    • Pogledaj profil
    • Valjevski polumaraton
[SMF] SP - Youtube carousel (Youtube video skroler)
« poslato: Maj 02, 2013, 14:48:05 »
[SMF] SP - Youtube carousel (Youtube video skroler)

Custom HTML block u SP-u:
<center><div id="wrap">
  <ul id="mycarousel" class="jcarousel-skin-tango" style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; height: 200px; width: 1545px;">
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/wgRCJPs2ZKA?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/G_CzJLv0qn4?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/0M15lXnlW7M?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/cWbmzf9MgvU?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/5cNssWYa2yo?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/grslhPGS3Bc?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/mOsluvDMNkI?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/F67JsCVrAks?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/ZS78gch4wUA?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/ZgpOlQUg-Ko?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
<li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/JztnwlXH2Fs?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
<li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/n7hk7-XMXGU?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
<li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/FjC067taJAA?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
  </ul>
</div></center>

Nakon toga, u Index.template.php fajlu vaše teme, negde nakon title taga dodajte sledeći kod:
<script type="text/javascript" src="http://forumurl.com/scripts/lib/jquery-1.9.1.min.js"></script>
<!--
  jCarousel library
-->
<script type="text/javascript" src="http://forumurl.com/scripts/lib/jquery.jcarousel.min.js"></script>
<!--
  jCarousel skin stylesheet
-->
<link rel="stylesheet" type="text/css" href="http://forumurl.com/scripts/skins/tango/skin.css" />

<script type="text/javascript">

jQuery(document).ready(function() {
    jQuery(\'#mycarousel\').jcarousel();
});

</script>
forumurl - promenite sa vašim url-om ili pathom.

Dalje - priloženi zip fajl raspakujte i uploadujte u root vašeg hosta.

Finalni Izgled:
::Za webmastere :: Pravilnik foruma ::Baneri :: Magija

>> Registrujte se kako bi videli sadrzaj celog foruma! Neki delovi foruma nisu vidljivi za goste!<<
[Kako da vidim linkove na forumu??]
VAratonac :: ITcyberCOP

[Reklama]