Wysuwany facebooku z boku strony

0

Witam. Zrobilem sobie na stronie taki wysuwany przycisk do facebooka jak tutaj sergio.idhost.pl, problem w tym ze pod nim chcialbym dodac nastepna zakładke, tylko innego koloru i z inna zawartością. Ale właśnie spostrzeglem ze jest pewien problem. Moj facebook (zupelnie jak na tej stronie) nie wysuwa się tylko i wyłącznie podczas najechania myszką na wystający dzyndzel, ale także pozniej niego. Wiem ze to wada konstrukcyjna i domyślam się że trzeba użyć czegoś innego niż tego co ja uzyłem (css +js). Wiec jakiego narzędzia powieniem użyć do naprawienia problemu? A moze da się zmodyfikować tak ten kod żeby uzyskać porządany efekt?

CSS:
.facebook{
        float:right;
        width:242px;
        height:401px;
        background: url("images/fbpodklad.png");
        display:block;
        right:-210px;
        padding:0;
        position:fixed;
        top:250px;
        z-index:1;
} 

JS: 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
    $(function (){
        $(".facebook").hover(function(){
            $(".facebook").stop(true, false).animate({right:"0"},"medium");
        },function(){
            $(".facebook").stop(true, false).animate({right:"-210"},"medium");
        },500);
    });
</script>
0

Div który odpowiada za wysuwanie ma wysokość 400 px, a powinien miec 75px. Wiadomo, wtedy nie będzie tego niebieskiego tła, no ale będzie sie nasuwał tylko po najechaniu na przycisk FACEBOOK.

#wysuwane {
background: url("gfx/fbpodklad.png") no-repeat scroll 0 0 transparent;
height: 75px;
margin-top: -100px;
padding: 10px;
position: fixed;
right: 0;
top: 50%;
width: 235px;
}

Można też zrobić to w inny sposób troche brzydszy ale skuteczniejszy ;). Utworzyć diva zaraz po <body>

musisz pokombinować z top: bo na oko dałem 300 px ale może to być 350 - 450 mniej więcej.

Mam nadzieje że coś ci to pomoże ;)

0

tego powinni zabronić

1 użytkowników online, w tym zalogowanych: 0, gości: 1