Webboard

Pełna wersja: Wysuwany likebox
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6.10
adres forum: http://www.forum.executors-gaming.pl/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Coś mi się stało z wysuwanym likeboxem że nie zwija się do końca ;/ jeszcze wczoraj mi to działało. Nie daję screenów ponieważ błąd można zobaczyć na forum po prawej stronie że nie chowa się do końca ;/
Tutaj podaję cały kod tego like boxa w którym jest coś nie tak:

Kod:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<title>Wysuwany widget facebook'a by SoundPlayer</title>
<meta name="Author" content="SoundPlayer">
<meta name="keywords" content="" />
<meta name="description" content="" />
<META NAME="ROBOTS" CONTENT="all">
<META HTTP-EQUIV="Reply-to" CONTENT="">
<META NAME="revisit-after" CONTENT="2 days">
<script type="text/javascript">
(function() {
  var s = document.createElement('script');
  var root = document.getElementById('fb-root');

  window.fbAsyncInit = function() {
    FB.init({status: true, cookie: true, xfbml: true});
    root.removeChild(s);
  };

  s.async = true;
  s.src = document.location.protocol +
    '//connect.facebook.net/pl_PL/all.js';
  root.appendChild(s);
}());
</script>
</head>
<style type="text/css">
body{
}
#like-box {
    position: fixed;
    z-index: 99;
    top: 150px;  /* jego polozenie od gory */
    right: -243px; /* szerokosc wygenerowanego boxa + 4px obramowania */
    -webkit-transition: left 0.5s ease-out;
    -moz-transition: left 0.5s ease-out;
    -o-transition: right 0.5s ease-out;
    transition: right 0.5s ease-out;
}

/* wysuniecie like box'a */
#like-box:hover {
    right: 0px;
}

/* zewnetrzna ramka boxa */
#like-box .outside {
    position: relative;
    z-index: 1;
    background: #3b5999;
    padding: 2px;
    min-width: 1px;
    float: right;
}

/* wewnetrzne tlo boxa */
#like-box .inside {
    position: relative;
    z-index: 2;
    background: #3b5999;
}

/* pasek z logo FB */
#like-box .belt {
    position: relative;
    z-index: 9;
    -webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
    
    float: right;
    width: 100px;
    height: 30px;
    padding: 9px 0px 0px 20px;
    margin-top: 50px;
    right: 43px;
    background: #3b5999;
    color: #fff;
    font-weight: bold;
    font-family: Verdana;
    font-size: 16px;

}
</style>
<body>

<div id="like-box">
<div class="outside">
<div class="inside">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FExecutorsGamingPL%3Fref%3Dhl&amp;width=290&amp;height=258&amp;show_faces=true&amp;colorscheme=dark&amp;stream=false&amp;show_border=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>
<div class="belt">facebook</div>
</div>
</body>
</html>

Proszę o pomoc, Z góry dziękuję i daję reputację za pomoc.
Kod PHP:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<
head>
<
title>Wysuwany widget facebook'a by SoundPlayer</title>
<meta name="Author" content="SoundPlayer">
<meta name="keywords" content="" />
<meta name="description" content="" />
<META NAME="ROBOTS" CONTENT="all"> 
<META HTTP-EQUIV="Reply-to" CONTENT="">
<META NAME="revisit-after" CONTENT="2 days">
<script type="text/javascript">
(function() {
  var s = document.createElement('
script');
  var root = document.getElementById('
fb-root');

  window.fbAsyncInit = function() {
    FB.init({status: true, cookie: true, xfbml: true});
    root.removeChild(s);
  };

  s.async = true;
  s.src = document.location.protocol +
    '
//connect.facebook.net/pl_PL/all.js';
  
root.appendChild(s);
}());
</
script>
</
head>
<
style type="text/css">
body{
}
#like-box {
    
positionfixed;
    
z-index99;
    
top150px;  /* jego polozenie od gory */
    
right: -300px/* szerokosc wygenerowanego boxa + 4px obramowania */
    
-webkit-transitionleft 0.5s ease-out;
    -
moz-transitionleft 0.5s ease-out;
    -
o-transitionright 0.5s ease-out;
    
transitionright 0.5s ease-out;
}

/* wysuniecie like box'a */
#like-box:hover {
    
right0px;
}

/* zewnetrzna ramka boxa */
#like-box .outside {
    
positionrelative;
    
z-index1;
    
background#3b5999;
    
padding2px;
    
min-width1px;
    
floatright;
}

/* wewnetrzne tlo boxa */
#like-box .inside {
    
positionrelative;
    
z-index2;
    
background#3b5999;
}

/* pasek z logo FB */
#like-box .belt {
    
positionrelative;
    
z-index9;
    -
webkit-transformrotate(270deg);
-
moz-transformrotate(270deg);
-
o-transformrotate(270deg);
    
    
floatright;
    
width100px
    
height40px;
    
padding9px 0px 0px 20px;
    
margin-top35px;
    
right: -40px;
    
background#3b5999;
    
color#fff;
    
font-weightbold;
    
font-familyVerdana;
    
font-size16px;

}
</
style>
<
body>

<
div id="like-box">
<
div class="outside">
<
div class="inside">
<
iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F​ExecutorsGamingPL%3Fref%3Dhl&amp;width=290&amp;height=258&amp;show_faces=true&amp;colorscheme=dark&amp;stream=false&amp;show_border=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:258px;" allowTransparency="true"></iframe>
</
div>
</
div>
<
div class="belt">facebook</div>
</
div>
</
body>
</
html
Ok działa.

jeszcze jedno pytanie
Jak zrobić żeby to się nie wysuwało po najechaniu tyko dopiero po kliknięciu ? i żeby się chowało też po kliknięciu. NP tak jak jest na cs-gra.pl

pomoże ktoś ?