Wysuwany Like Box Facebook

Centeczka

2012-01-06 21:36

Witam

Mam zamiar umieścić na stronie wysuwany Like Box

skorzystałam z tutoriala http://burned.pl/wysuwany-like-box-slider-facebooka-na-naszej-stronie

i wszystko by było dobrze gdyby na stronie pojawiła się czarne lecz półprzezroczyste tło zasłaniające 80% strony (identyczne pojawia się przy klikaniu na fotki gdy one się powiekszają i można je przełączać za pomocą strzałek)

ta półprzezroczystość wszystko blokuje

ale gdy przejadę w dół strony wszystko po za tą półprzezroczystością działa jak należy w tym wysuwania i wsuwanie (mam to na xsampie i testowałam narazie na operze)

to dodałam do container zaraz przed end body
[code]
<div id="wewnatrz" style="float:left;width:150px; display:block; margin-left:0px;">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fagencja.reklamowa.seven&wi dth=185&height=258&colorscheme=light&show_faces=true&border_color=blue&stream=fa lse&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:185px; height:258px;" allowTransparency="true"></iframe>

</div>

</div>
<div style="visibility:hidden;width:0px;height:0px;">
<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>
<html xmlns:fb="http://ogp.me/ns/fb#">
<fb:like-box href="http://www.facebook.com/agencja.reklamowa.seven" width="185" height="380" show_faces="true" border_color="blue" stream="false" header="false"></fb:like-box>
</div>
[/code]

a to dodałam do styli
[code]
/* Wysywamy like box */
#wysuwane{background: url('img/fbpodklad.png') no-repeat scroll 0 0 transparent;padding: 10px;width: 235px;height:402px;position: fixed;margin-top: -200px;left: 0px;top: 50%;}
.zamknij{background-position: 0px 0px -242px 0px;}
[/code]

proszę o podpowiedź

» Quick.Cms v3.x

Centeczka

2012-01-06 21:48

a tak i jeszcze w container w sekcji head

dodaje

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">

$(function(){

$("#wysuwane").css("left","-210px");

$("#wysuwane").hover(
function () {
$("#wysuwane").animate({left: "0px"}, 1000 );
$(this).addClass("zamknij");
},
function () {
$("#wysuwane").animate({left: "-210px"}, 1000 );
$(this).removeClass("zamknij");
}
);
});
</script>

próbowałam jeszcze roabić tak jak http://opensolution.org/Quick.Cart/forum/wysuwany-like-box,7587.html
czyli

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>;
<script type="text/javascript">
jQuery.noConflict();
jQuery(function(){

jQuery("#wysuwane").css("left","-210px");

jQuery("#wysuwane").hover(
function () {
jQuery("#wysuwane").animate({left: "0px"}, 1000 );
jQuery(this).addClass("zamknij");
},
function () {
jQuery("#wysuwane").animate({left: "-210px"}, 1000 );
jQuery(this).removeClass("zamknij");
}
);
});

ale wtedy nie działa wysuwanie i wsuwanie tylko jest cały czas na wieszku chociaż nie ma tego czarnego półprezroczystego tła

openzibi

2012-01-07 20:10

Centeczka - 2 opcje do wyboru:

a) poszukaj "gdzieś w necie" generatora online dla slidera fb
b) lub "odpowiednio" zerknij na stronę http://meubles.com.pl i masz "gotowca".

-------------------------------------------------------
hosting-domeny-strony - http://www.rhh.pl

euphoria-art

2012-01-11 22:20

To prosze na teraz mi daruj i napisz mi rozwiązanie trinity.j.k@wp.pl
a obiecuje, że więcej Cie nie bede zameczać o takie błachostki i oczywistości

:)