Slider facebook - nieco wyżej.

wersja skryptu MyBB: 1.6
adres forum: holyshot.xaa.pl
na czym polega problem (screen, opis, komunikaty):

Mam fb solider tylko w postaci kodu. tylko chcail bym zeby byl wyzej , bo jest za nisko. jak zrobic zeby byl wyzej ? w zalaczniku podaje jak jest a chcial bym zeby byl wyzej.

global css

#facebook
{
    width:272px;
    height:370px;
    position: fixed;
    top: 300px;
    right: -240px;
    overflow: hidden;
    z-index:999;
}

#facebook iframe
{
    float: left;
}

#facebook img
{
    float: left;
    cursor: pointer;
}

http://www.speedyshare.com/7AVVk/gsr.bmp

Snake_ napisał 18.08.2014, 23:37:
Poprawiam tytuł i przenoszę

odszukaj top: 300px; i zmniejsz 300, do np. 200, 250.

dziala dzieki. a jak moge zrobic tam jakies tlo ? bo tam jest przezroczysto , a chcail bym tam ustawic tlo obrazko holyshot. jak bym mogl to zrobic?

dopisz np po tym top:
background: url(obrazek);

a teraz ten pasek mi sie nie wysuwa : ( co zle zrobilem ?

---

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FHolyShotxaapl%2F544421642347663%3Fref%3Dts%26fref%3Dts&amp;width&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowTransparency="false"></iframe>

{$forums}
<script src="http://code.jquery.com/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="http://banid.pl/banid-widget.js" type="text/javascript"></script>
<link href="http://banid.pl/banid-widget.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    banidwidget.init({
        side: 'left',
        action: 'hover',
        border: 'white'

To jest w index

---

@edit

to sa 2 rzeczy banid oraz fb tylko banid dobrze dziala a fb nie chce sie wysuwac ; /

---

kod index

{$forums}
<div id="facebook">
<img src="images/przycisk.gif" />
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FHolyShotxaapl%2F544421642347663%3Fref%3Dts%26fref%3Dts&amp;width&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowTransparency="false"></iframe>
<script src="http://code.jquery.com/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="http://banid.pl/banid-widget.js" type="text/javascript"></script>
<link href="http://banid.pl/banid-widget.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    banidwidget.init({
        side: 'left',
        action: 'hover',
        border: 'white'
[hr]
headerincluide

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script>
    <script type="text/javascript" src="http://click-jpa-demo.googlecode.com/svn-history/r12/trunk/war/click/prototype/effects.js"></script>
<script type="text/javascript">
    var animating = false,
        effect_in = false,
        effect_out = false;
        
    Event.observe(window, 'load', function()
        {
            Event.observe($('facebook'), 'mouseover', function()
            {
                if( typeof effect_out == 'object' )
                {
                    effect_out.cancel();
                }
                effect_in = new Effect.Morph('facebook',
                    {
                        style: {
                            right: '0px'
                        },
                        transition: Effect.Transitions.spring
                    }
                );
            });
            
            Event.observe($('facebook'), 'mouseout', function()
            {
                
                if( typeof effect_in == 'object' )
                {
                    effect_in.cancel();
                }
                effect_out = new Effect.Morph('facebook',
                    {
                        style: {
                            right: '-240px'
                        },
                        transition: Effect.Transitions.spring
                    }
                );
            });
        }
    );
</script>

Kompletny nieład w kodzie. Jak sobie nie radzisz, to może usuń go i dodaj plugin:
https://webboard.pl/thread-46758.html