Chmurka "Polub nas" Opcje

[Falco91]

Dzień dobry,
jak zrobić taką chmurkę "Polub nas" jak na stronie :

Kod

http://forum.myfirefoxos.pl/watek-Polub-nas

?

Do tej pory udało mi się zrobić coś takiego : www.chciwiec.pl

Proszę też o informacje, jak zrobić, żeby w przeglądarce IE, wysuwała się ona równie płynnie jak w Operze czy Chrome.

Pozdrawiam

[kamil4u]

jak zrobić taką chmurkę "Polub nas" jak na stronie :

Wstawić obrazek w formie chmurki jako <img> czy <div> z tłem. Za pomocą CSS ustawić position: fixed i wyrównać do prawej krawędzi.

Najlepiej zainstaluj sobie firebug-a pod FF i wtedy sam możesz sprawdzić jak to działa

Proszę też o informacje, jak zrobić, żeby w przeglądarce IE, wysuwała się ona równie płynnie jak w Operze czy Chrome.

Jest problem z czytaniem zdarzenia przez IE. Pokaż kod tego, bo analizować pół strony, żeby to znaleźć to nie mam czasu

Pozdrawiam

[Falco91]

Bardzo dziękuję za odpowiedź. Z chmurką pobawię się jutro
a dzisiaj przesyłam kod :

Kod

#like-box {
    position: fixed;
    z-index: 99;
    top: 200px;
    left: -204px;
    -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;
}

#like-box:hover {
    left: 0px;
}

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

#like-box .inside {
    position: relative;
    z-index: 2;
    background: #fff;
}

#like-box .belt {
    position: relative;
    z-index: 0;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    float: left;
    width: 100px;
    height: 40px;
    padding: 7px 0px 0px 20px;
    margin: 0px 0px 0px -25px;
}

<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 = "//connect.facebook.net/pl_PL/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="like-box">
    <div class="outside">
        <div class="inside">
<div class="fb-like-box" data-href="http://www.facebook.com/ChciwiecPL" data-width="200" data-colorscheme="light" data-show-faces="false" data-header="false" data-stream="false" data-show-border="false"></div>
        </div>
    </div>
    <div class="belt"><img src="images/fb-slider-hand.png" alt="facebook"/></div>
</div>

[kamil4u]

Nie potrafię Ci pomóc... - skorzystaj dla IE z JS. Z chęcią zobaczę jak naprawić to w IE za pomocą samego CSS, bo sam próbowałem kilkoma metodami i nie wpadłem na pomysł jak to naprawić - może ktoś coś wymyśli.