Błąd Slider z innego stylu

wersja skryptu MyBB:1.8
adres forum: lmteam.pl
na czym polega problem (screen, opis, komunikaty):

Witam, otóż mam problem, chciałbym umieścić na aktualnym stylu na moim forum slider z innego stylu. Z góry piszę że zapoznałem się z wszystkimi tematami nt sliderów na tym forum.


Może opisze co i jak:
Ze stylu Wojna_theme_by_seiks-theme z waszego forum, chciałem "pożyczyć" slider na swój aktualny styl. Skopiowałem kod HTML całego slidera, wkleiłem to swojego header'a skopiowałem js, wkleiłem do folderów z js, umieściłem skrypt js w headerinclude zrobiłem nowy plik css w w moim stylu, przekopiowałem całą jego zawartość, wgrałem folder z obrazkami do swojego stylu, zmieniłem ścieżke do grafiki w kodzie html slidera. Pomimo wszystkich tych czynności, slider sie wykraczył i nie chce działać jak powinien, dodam że na tamtym stylu działa, bo styl instalowałem.

Inne:
To co wkleiłem do headerinclude:
http://wklej.org/id/1656857/txt/
To co wkleiłem do header'a:
http://wklej.org/id/1656859/txt/
Kod css:
http://wklej.org/id/1656862/


Wydaje mi się że wina leży po stronie css, bo tak jakby nie chce łapac innych rzeczy jak samo #slider
http://prntscr.com/6dwzgw
Tak jakby nie czyta całej reszty css'a ;c

Moze coś zrobiłem źle nie wiem ;c

W 1.8 nie trzeba używać noConflict()

http://youtu.be/XJKXlxn9e-g?t=30m32s

Ja nie chce robić nowego slidera, tylko użyć tamtego ; (

Wydaje mi się, że nie ma odnośników do plików slidera, chyba, że przeoczyłem.

Z tego co udało mi się zaobserwować, po skopiowaniu całej zawartości headerinclude'a z szablonu w którym ten slider działa poprawnie, slider na moim stylu zaczął działać, lecz jednak jego elementy zmieniły lekko miejsce. Więc wydaja mi się że nie mam czegoś w headerinclude'rze w stylu w którym chce ten slider dodać.

Z tego co udało mi się zaobserwować, po skopiowaniu całej zawartości headerinclude'a z szablonu w którym ten slider działa poprawnie, slider na moim stylu zaczął działać, lecz jednak jego elementy zmieniły lekko miejsce. Więc wydaja mi się że nie mam czegoś w headerinclude'rze w stylu w którym chce ten slider dodać.

Właśnie o tym napisałem w poprzednim poście, możliwe, że nie ma odnośników w <script> do plików slidera.

Po metodzie prób i błędów doszedłem iż:
Slider działa na moim stylu, gdy do mojego stylu dogram spkrypty:

<script type="text/javascript" src="{$mybb->settings['bburl']}/images/wojna/js/jquery.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/wojna/js/jflow.plus.min.js"></script>

Lecz aby to działało, musze usunąć ze swojego stylu:
http://prntscr.com/6ef9qv
i
http://prntscr.com/6efa72

Lecz gdy to usune, slider działa ale psuje mi się sidebar w sensie:
http://prntscr.com/6efaqp opcja do rozwijania prawego menu
Poprawnie wygląda tak:
http://prntscr.com/6efbbz


Jakieś pomysły? : (

Już opisuję dlaczego się tak dzieje:

Gdy usuniesz to co dałeś na screenie (szczególnie początkowe linijki definiujące jQuery, co MUSISZ zrobić) to nie będziesz miał wcale zdefiniowanej.
Dodając skrypt, który podałeś w poprzednim poście definiujesz kolejną bibliotekę. Użyj jednej, która wszystko obejmie.
Mimo wszystko maksymalnie można używać jednej.

Z całym szacunkiem do twojej osoby, ale niestety nie znam sie na tym na tyle aby sobie sam z tym poradzić.
http://wklej.org/id/1658503/
Tutaj kod mojego headerinclude'ra jeśli byś mógł zobaczyć i ewentualnie pokazać co gdzie i jak mam wkleić byłbym niezmiernie wdzięczny.




Kod slidera:

<script type="text/javascript" src="{$mybb->settings['bburl']}/images/wojna/js/jquery.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/wojna/js/jflow.plus.min.js"></script>
<script type="text/javascript">
$.noConflict();

    jQuery(document).ready(function(){

        jQuery("#myController").jFlow({

            controller: ".jFlowControl", // must be class, use . sign

            slideWrapper : "#jFlowSlide", // must be id, use # sign

            slides: "#mySlides",  // the div where all your sliding divs are nested in

            selectedWrapper: "jFlowSelected",  // just pure text, no sign
            
            effect: "rewind", //this is the slide effect (rewind or flow)

            width: "470px",  // this is the width for the content-slider

            height: "120px",  // this is the height for the content-slider

            duration: 900,  // time in milliseconds to transition one slide
            
            pause: 9000, //time between transitions

            prev: ".jFlowPrev", // must be class, use . sign

            next: ".jFlowNext", // must be class, use . sign

            auto: true    

    });

});


</script>

Jak to poprawnie umieścić aby nic się ze sobą nie gryzło? Jak wspomniałem wyżej będę niezmiernie wdzięczny bo bardzo mi zależy na tego typu sliderze, chociaż "wdzięczność" przez internet i tak mało znaczy, no ale inaczej nie mogę się odpłacić.


Pozdrawiam.

<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,200italic,400italic,600italic' rel='stylesheet' type='text/css'>
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.js?ver=1800"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.plugins.min.js?ver=1800"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1800"></script>
<script type="text/javascript" src="images/duende2/jquery-ui.js"></script>
<script type="text/javascript" src="images/duende2/jquery.tipsy.js"></script>
<script type="text/javascript" src="images/duende2/jquery.cookie.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.cookie.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/sidebar.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
  $("body").addClass($.cookie("BGCHANGER"));
});
</script>

<script type="text/javascript" src="{$mybb->settings['bburl']}/images/wojna/js/jflow.plus.min.js"></script>
<script type="text/javascript">

    jQuery(document).ready(function(){

        jQuery("#myController").jFlow({

            controller: ".jFlowControl", // must be class, use . sign

            slideWrapper : "#jFlowSlide", // must be id, use # sign

            slides: "#mySlides",  // the div where all your sliding divs are nested in

            selectedWrapper: "jFlowSelected",  // just pure text, no sign
            
            effect: "rewind", //this is the slide effect (rewind or flow)

            width: "470px",  // this is the width for the content-slider

            height: "120px",  // this is the height for the content-slider

            duration: 900,  // time in milliseconds to transition one slide
            
            pause: 9000, //time between transitions

            prev: ".jFlowPrev", // must be class, use . sign

            next: ".jFlowNext", // must be class, use . sign

            auto: true    

    });

});


</script>





<script type="text/javascript" src="images/duende2/bg/jorgu1.js"></script>
<script type="text/javascript" src="images/duende2/bg/jorgu2.js"></script>
<script type="text/javascript" src="images/duende2/bg/jorgu3.js"></script>
<script type="text/javascript" src="images/duende2/bg/jquery.cookie.js"></script>


<script type="text/javascript">
jQuery(document).ready(function($) {
    $(".tab_content").hide(); 
    $("ul.tabs li:first").addClass("active").show();
    $(".tab_content:first").show(); 
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active"); 
        $(this).addClass("active"); 
        $(".tab_content").hide(); 
        var activeTab = $(this).find("a").attr("href"); 
        $(activeTab).fadeIn();
        return false;
    });
});
</script>

<script type='text/javascript'> 
jQuery(function() {
jQuery("a").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("title").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("img").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("i").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("span").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("div").tipsy({gravity: jQuery.fn.tipsy.autoNS});
  });
</script>

{$stylesheets}




<script type="text/javascript">
<!--
    lang.unknown_error = "{$lang->unknown_error}";

    lang.select2_match = "{$lang->select2_match}";
    lang.select2_matches = "{$lang->select2_matches}";
    lang.select2_nomatches = "{$lang->select2_nomatches}";
    lang.select2_inputtooshort_single = "{$lang->select2_inputtooshort_single}";
    lang.select2_inputtooshort_plural = "{$lang->select2_inputtooshort_plural}";
    lang.select2_inputtoolong_single = "{$lang->select2_inputtoolong_single}";
    lang.select2_inputtoolong_plural = "{$lang->select2_inputtoolong_plural}";
    lang.select2_selectiontoobig_single = "{$lang->select2_selectiontoobig_single}";
    lang.select2_selectiontoobig_plural = "{$lang->select2_selectiontoobig_plural}";
    lang.select2_loadmore = "{$lang->select2_loadmore}";
    lang.select2_searching = "{$lang->select2_searching}";

    var cookieDomain = "{$mybb->settings['cookiedomain']}";
    var cookiePath = "{$mybb->settings['cookiepath']}";
    var cookiePrefix = "{$mybb->settings['cookieprefix']}";
    var deleteevent_confirm = "{$lang->deleteevent_confirm}";
    var removeattach_confirm = "{$lang->removeattach_confirm}";
    var loading_text = '{$lang->ajax_loading}';
    var saving_changes = '{$lang->saving_changes}';
    var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
    var my_post_key = "{$mybb->post_code}";
    var rootpath = "{$mybb->settings['bburl']}";
    var imagepath = "{$theme['imgdir']}";
      var yes_confirm = "{$lang->yes}";
    var no_confirm = "{$lang->no}";
    var MyBBEditor = null;
    var spinner_image = "{$theme['imgdir']}/spinner.gif";
    var spinner = "<img src='" + spinner_image +"' alt='' />";
// -->
</script> 


Niestety to samo