mauro heinrich mauroheinrich
JoeSz
/ responsive_page_like.html
Last active
March 16, 2023 16:58
Responsive Facebook Page Like Box
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE HTML> | |
| <html> | |
| <head> | |
| <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> | |
| </head> | |
| <body> | |
| <div id="fb-container" style="width:100%;"> | |
| <div class="fb-page" data-href="https://www.facebook.com/facebook" data-height="160" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div> | |
| </div> |
RopoMen
/ facebook_page_plugin.html
Created
July 21, 2015 18:15
Simple way to resize Facebook's new Page plugin
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- | |
| Width 10000px is quite wide, but it has room for new "max", also because Facebook's "adaptation" means only shrinking | |
| the Page plugin to fit smaller container. To use Page plugin with larger container than 500px (current max.) you could try | |
| to add example Bootstrap class '.center-block' which would center the Page plugin inside larger container. | |
| --> | |
| <div class="row"> | |
| <div class="column-xs-6"> | |
| <div class="fb-page center-block" data-width="10000" data-adapt-container-width="true" data-href="https://www.facebook.com/facebook"></div> | |
| </div> | |
| </div> |