[VB 3&4]Facebook Wysuwany Like Box

**Grzegorz** · 15.07.2011, 12:48

Na mniejszych rozdzielczościach zawsze będzie problem. Np ja mając 768px w pionie, nie widzę w całości ostatniego bloku. Jedynie jego początkową część z tytułem. Może rozwiązaniem byłoby wyłapywanie rozdzielczości i przy mniejszych ustawianie ich jedno przy drugim w poziomie, coś jak tutaj: Forum akwarystyczne AkwaŚwiat (tylko tutaj jest jeden).

**kulfon250** · 15.07.2011, 19:12

Jest to na pewno pomysł w wolnej chwili popracuję nad tym

Dzięki za podpowiedź.

**kulfon250** · 15.07.2011, 19:45

Mówisz i masz, może nie skaluje się do ekranu, ale myślę ze to rozwiązanie powinno załatwić temat

**Grzegorz** · 17.07.2011, 14:12

Teraz jest elegancko, widzę całość

**venomek** · 16.11.2011, 01:51

Witam,nowy jestem w tym klockach więc proszę bez nadmiernej złośliwości

A oto mój problem,utworzyłem zgodnie z opisem na 1 stronie tego wątku widget FB.Fajnie pieknie ale w ramce widgeta nie ma nic.Mimo ze postapiłem zgodni z opisami.Co może byc tego powodem.Przykład stronki z tym problemem http://ankietadlastudenta.eu/
Dla przykładu dałem nawet taki sam ID jak na forum:

Kod:

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

<style type='text/css'>
		.box{float:right; width:210px; height:410px; background: url(images/bg.png) no-repeat; display:block; right:

-220px; padding:10px 10px 0px 40px; position:fixed; top: 150px; z-index:2002;}
</style>


 <div class="box">
 
	<div id="fb-root"></div> 
	<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" 

type="text/javascript"></script> 
	<script type="text/javascript">FB.init("4747e1995f2c8897bc27891f4de50c4a");</script> 
	<!-- FBML <fb:fan profile_id="155401434480746" connections="9" width="220" height="420" 

css="http://www.intgroup.eu/style_fb.css?420"></fb:fan> FBML --> 
	<script src="fbvalidate.js" type="text/javascript"></script>

PROSZE O POMOC.

**WoG** · 16.11.2011, 20:48

Wklej kod likeboxa wygenerowany z narzędzi od facebook - nie kopiuj go z poradnika.

**venomek** · 18.11.2011, 21:59

Niestety mimo to nadal jest problem,po utworzeniu kodu wygenerowanego w http://developers.facebook.com/docs/...gins/like-box/ mam wygenerowane 3 kody różnego "formatu" * HTML5 * XFBML * IFRAME oraz mam oczywiscie ID dla firmowego konta z FB. Mimo ze wklejam ID zgodnie z opisem na forum (...)  (...) oraz kombinowałem z tymi kodami w różnych miejscach oraz zamiast ID to ani razu nie udało mi sie wygerenować wysuwajacego widgeta.Statyczny ze strony skąd jest kod oczywiście działa to bez problemu ale nie wysuwany. Czy możecie jeszcze cos doradzić ? Który kod najlepiej i gdzie ma byc on wklejony ? Dzięki

**WoG** · 18.11.2011, 23:27

Najlepiej skorzystać z iframe jeżeli nie orientujesz się w składni FBML

**Marcin_J_** · 29.11.2011, 21:32

Hmm a ja to zrobiłem inaczej , a mianowicie :

w header na samym początku dodałem :

Kod:

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

W FORUMHOME po <body> dodałem :

Kod:

<!-- Facebook/slider -->
<div class="facebook">
        <div style="color:#FFF; padding:10px 5px 0 35px;">
                <script type="text/javascript"
                src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/pl_PL"></script>
<fb:fan profile_id="XXXXXX" stream="0" connections="9" logobar="1"
				width="190" height="330"></fb:fan><div style="font-size:8px; padding-left:10px">
                                <a href="http://www.facebook.com/XXX "style="text-decoration:none;color:#fff;font-size:7pt" >XXX</a> on Facebook</div>
        </div>
    </div>
<!-- Facebook/slider -->

Do forumhome.css dodałem :

Kod:

.facebook{
                float:right;
		width:232px;
		height:420px; 
		background: url(images/slider.png) no-repeat;
		display:block;
		right:-205px;
		padding:0;
		position:fixed;
		top: 170px;
		z-index:1002;
    }

Grafika w załączniku:

slider.png

Oczywiście profile_id do fb wpisujemy swój

pozdrawiam.

**w0j73k** · 19.07.2013, 14:50

mam puste tło bez niczego ;s

kod to : Wklej.to - po prostu wklej to! - paste: fXza0

Proszę o pomoc

Edit - już naprawione

Narzędzia wątku

Typ wyświetlania