Webboard

Pełna wersja: Silder facebook
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6.9
adres forum: www.miastozbrodni.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):

Poszukuję wysuwanego panelu facebook. Zrobiłem zgodnie według tutejszego Wiki, ale się nie chował, jak inaczej zrobić ładny silder fb?
Poprawnie :)

Czytałeś przypięty wątek odnośnie jQuery w dziale Skrypt?
Tak czytałem, nie pomogło
Co zwracała konsola JS, gdy miałeś slider?
Troszkę nie rozumiem, jestem zielony w niektórych sprawach, jak włączyć tą konsole?
W chrome skrót klawiszowy ctrl+shift+J w innych przeglądarkach może być różnie. Patrz w zakładkach typu narzędzia.
Poradziłem sobie.
Przepraszam że się jeszcze wtrącę ale mam łatwiejszy sposób na sildera niż to co jest napisane w wiki.

Wystarczy jeden kod który wklejamy do style i szablony => szablony => twój szablon => strona główna => index

Kod:
<title>Wysuwany Like Box</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta content="..." name="description" />
<meta content="..." name="keywords" />
<style>
body {
    margin: 0;
    padding: 0;
}

/* glowny div z like box'em */
#like-box {
    position: fixed;
    z-index: 99;
    top: 150px;  /* jego polozenie od gory */
    left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
    -webkit-transition: left 0.5s ease-out;
    -moz-transition: left 0.5s ease-out;
    -o-transition: left 0.5s ease-out;
    transition: left 0.5s ease-out;
}

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

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

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

/* pasek z logo FB */
#like-box .belt {
    position: relative;
    z-index: 0;
    -webkit-transform: rotate(90deg); /* obrot o 90 stopni */
    -moz-transform: rotate(90deg); /* wiec wysokosc zamienia sie z szerokoscia */
    -o-transform: rotate(90deg); /* obrot o 90 stopni */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* obrot o 90 stopni dla IE */
    float: left;
    width: 100px; /* wysokosc */
    height: 40px; /* szerokosc */
    padding: 7px 0px 0px 20px;
    margin: 50px 0px 0px -55px;
    background: #3b5999;
    color: #fff;
    font-weight: bold;
    font-family: Verdana;
    font-size: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#banner {
    margin: 0 auto;
    width: 450px;
    height: 50px;
    margin-top: 30%;
}
</style>
</head>
<body>

<!-- WYGENEROWANY KOD NR 1 -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "http://connect.facebook.net/pl_PL/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- KONIEC WYGENEROWANEGO KODU NR 1 -->

<!-- DIV Z LIKE BOX'EM -->
<div id="like-box">
    <div class="outside">
        <div class="inside">
            <!-- WYGENEROWANY KOD NR 2 -->
            <div class="fb-like-box" data-href="http://www.facebook.com/ZalogujMniepl" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>
            <!-- KONIEC WYGENEROWANEGO KODU NR 2 -->
        </div>
    </div>
    <div class="belt">facebook</div>
</div>

Wszystko jest opisane w kodzie tak więc nawet laikowi nie sprawi to problemu.
Ten sposób matuska działa u mnie, jednak tylko na głównej stronie.
Da się tak zrobić aby likebox był również na podstronach?
I inna sprawa, dlaczego się nie chowa całkiem i zostaje te puste białe pole?
Zmieniałem chyba wszystkie wartości i nie działa :(
@up obstawiam że zamiast w index trzeba umieścić ten kod w header
później sprawdzę, czy działa.
a co do tego położenia to można to jakoś zmienić?
zeby zniknęły marginesy i chował się całkiem. mi się nie udało
adres forum: http://www.uroda-forum.pl/
Dziwne bo mi wszystko śmiga :) (http://www.bestcraft.eu)

A dałoby rade jeszcze taki slider Tweeter ? :)