Webboard

Pełna wersja: Co zrobić aby slider się "schował" ?
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6.8
adres forum: http://4freegames.ugu.pl/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam ponownie. Zrobiłem slider'a fb wg instrukcji znalezionych na forum i teraz nie wiem, jak zrobić by się "schował". Chodzi mi o to by nie zasłaniał forum i tylko pokazywał się jak najadę na niego kursorem, tak jak na iv.pl/

[Obrazek: 58978819912620293756.jpg]
Dział skrypt - przypiety wątek konflik jquery

Wysyłane z mojego LG-P500 za pomocą Tapatalk 2
Zrobiłem tak jak jest w tym temacie, ale nic to nie dało :(
Masz tak w indexie namieszane ze skryptami, że głowa mała. Pokaż szablony ~> strona główna ~> index
Kod:
    <html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header} <div id="facebook_slider">



<iframe scrolling="no" frameborder="0"
src="http://www.facebook.com/connect/connect.php?id=162193180570969&connections=10&stream=0&css=http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/pl_PL"
allowtransparency="true" style="border: none; width: 230px; height:
400px;"></iframe>



&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="fb_slider_slide_button" >FB</a>



</div>
{$forums}
{myshoutbox_abcd}
{$boardstats}
{$footer}
</body>
</html>

To jest ten index..
Pousuwaj wszystkie &nbsp, ze skryptu slidera też.
No dobra.. Usunąłem &nbsp, ale nic się nie zmieniło..

Wyczyściłem index i headerinclude
- index
Kod:
    <html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header} <div id="facebook_slider">



<iframe scrolling="no" frameborder="0"
src="http://www.facebook.com/connect/connect.php?id=162193180570969&connections=10&stream=0&css=http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/pl_PL"
allowtransparency="true" style="border: none; width: 230px; height:
400px;"></iframe>



<a href="#" class="fb_slider_slide_button" >FB</a>



</div>
{$forums}
{myshoutbox_abcd}
{$boardstats}
{$footer}
</body>
</html>

-headerinclude
Kod:
    <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" />
<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->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script&nbsp;type="text/javascript"&nbsp;src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script&nbsp;type="text/javascript">jQuery.noConflict();</script>
{$stylesheets}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">

jQuery.noConflict();

</script>

<script type="text/javascript">

jQuery(function(){



jQuery("#facebook_slider").css("left","-252px");



jQuery("#facebook_slider").hover(function(){



jQuery("#facebook_slider").stop().animate({left: "0px"}, 500 );

jQuery(this).addClass("fb_slider_close");

return false;

},

function(){

jQuery("#facebook_slider").stop().animate({left: "-252px"}, 500 );

jQuery(this).removeClass("fb_slider_close");

return false;

});



});
<script type="text/javascript">

jQuery(function(){



jQuery("#facebook_slider").css("left","-252px");



jQuery("#facebook_slider").hover(function(){



;jQuery("#facebook_slider").stop.animate({left: "0px"}, 500 );

jQuery(this).addClass("fb_slider_close");

return false;

},

function(){

jQuery("#facebook_slider").stop.animate({left: "-252px"}, 500 );

jQuery(this).removeClass("fb_slider_close");

return false;

});



});

</script>

</script>
<script type="text/javascript">
<!--
    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 imagepath = "{$theme['imgdir']}";
// -->
</script>

Ale to niczego nie zmieniło.. Chyba.. Bo slider nadal się nie "chowa"
Nadal masz niełamliwe spacje HTMLowe, zadeklarowałeś dwie wersje biblioteki jQuery naraz. noConflict też masz wpisane dwa razy, jeden skrypt jest niedomknięty, a kod js slidera był zdublowany. Nic dziwnego, że nie działa.

Kod PHP:
<html>
<
head>
<
title>{$mybb->settings['bbname']}</title>
{
$headerinclude}
<
script type="text/javascript">
<!--
    
lang.no_new_posts "{$lang->no_new_posts}";
    
lang.click_mark_read "{$lang->click_mark_read}";
// -->
</script>
</
head>
<
body>
{
$header

<
div id="facebook_slider">
<
iframe scrolling="no" frameborder="0" 
src="http://www.facebook.com/connect/connect.php?id=162193180570969&connections=10&stream=0&css=http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/pl_PL"
allowtransparency="true" style="border: none; width: 230px; height: 
400px;"
></iframe>
<
a href="#" class="fb_slider_slide_button" >FB</a>
</
div>

{
$forums}
{
myshoutbox_abcd}
{
$boardstats}
{
$footer}
</
body>
</
html

Kod PHP:
<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" />
<
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->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<
script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script
{
$stylesheets}

<
script type="text/javascript">
jQuery(function(){
jQuery("#facebook_slider").css("left","-252px");
jQuery("#facebook_slider").hover(function(){
jQuery("#facebook_slider").stop().animate({left"0px"}, 500 );
jQuery(this).addClass("fb_slider_close"); 
return 
false;
},

function(){
jQuery("#facebook_slider").stop().animate({left"-252px"}, 500 );
jQuery(this).removeClass("fb_slider_close"); 
return 
false;
});
});
</
script>
<
script type="text/javascript">
<!--
    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 
imagepath "{$theme['imgdir']}";
// -->
</script>

<
script type="text/javascript">
jQuery.noConflict();
</
script