Chmurka "Polub nas" |
Chmurka "Polub nas" |
21.11.2013, 08:14:30
Post
#1
|
|
Grupa: Zarejestrowani Postów: 7 Pomógł: 0 Dołączył: 23.01.2011 Ostrzeżenie: (0%) |
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 |
|
|
21.11.2013, 13:30:40
Post
#2
|
|
Grupa: Zarejestrowani Postów: 2 350 Pomógł: 512 Dołączył: 4.01.2009 Skąd: Wrocław / Świdnica Ostrzeżenie: (0%) |
Cytat 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 Cytat 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 -------------------- |
|
|
22.11.2013, 02:24:15
Post
#3
|
|
Grupa: Zarejestrowani Postów: 7 Pomógł: 0 Dołączył: 23.01.2011 Ostrzeżenie: (0%) |
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> |
|
|
23.11.2013, 12:55:38
Post
#4
|
|
Grupa: Zarejestrowani Postów: 2 350 Pomógł: 512 Dołączył: 4.01.2009 Skąd: Wrocław / Świdnica Ostrzeżenie: (0%) |
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.
-------------------- |
|
|
Wersja Lo-Fi | Aktualny czas: 22.09.2024 - 20:05 |