2014-12-16 17 views
5

Próbuję dostosować liczbę kanałów i funkcji automatycznego przewijania w Facebooku, korzystając z poniższego kodu.Czy możemy dostosować Facebook Likebox?

<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/en_IN/sdk.js#xfbml=1&appId=453991991316939&version=v2.0";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script> 

enter image description here próbowałem wielu płótno rozmiar metod podanych w wielu stronach internetowych, ale teraz utknięcie. Jakieś pomysły? jak mogę to zmienić, czy będzie wspaniale, jeśli ktoś już utworzył dla tego wtyczkę?

+1

jeśli dobrze pamiętam, fb LikeBox tak jest ładowany w iframe, więc tam nie wiele można zrobić o jego wyglądzie, z wyjątkiem bardzo ograniczonych możliwości stylizacji podczas tworzenia rzeczywistej LikeBox na Facebooku. – LorDex

+1

można go osadzić według elementów iframe, xfbml i html5 oraz jako łącze. – vaso123

Odpowiedz

1
You need to copy the given below CSS code with Facebook Like Box code and paste it in your page. 
You need to changee the url in iframe *************** to your facebook url. 

    <style type="text/css"> 
    .f-bookMain { 
     background-color:#E1E1E1; 
     width:320px; 
     border:1px solid #BCBCBC; 
     padding:15px 0 15px 15px; 
     height:280px; 
     } 
    .f-bookInnerBlock { 
     overflow:hidden; 
     height:280px; 
     border:1px solid #aaa; 
     } 
    </style> 

    <div class="f-bookMain"> 
    <div class="f-bookInnerBlock"> 

    <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F***************&amp; 
    width=300&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp; 
    show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" 
    allowTransparency="true"> 
    </iframe> 

    </div> 
    </div> 

    <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/en_US/all.js#xfbml=1"; 
     fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
    </script> 

You need to changee the url in iframe *************** to your facebook url. 
Powiązane problemy