实现“赞”按钮。打破CSS

时间:2014-01-21 11:02:54

标签: javascript html css

我无法相信HARD如何实现这个血腥的按钮已经成为了!

目前也许它可以正常工作,但评论框会在整个页面布局中崩溃。

http://www.addinall.net

注释框扩展了#container的长度,当它消失时将其留空,并将标题抛出到另一个维度。

我现在把这个废话存放在我的index.html(php)

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">


  <meta property="fb:app_id" content="249303871912490" /> 
  <meta property="og:type"   content="website" /> 
  <meta property="og:url"    content="http://www.addinall.net" /> 
  <meta property="og:title"  content="That's IT - Mark Addinall" /> 
  <meta property="og:image"  content="http://www.addinall.net/mylogo.jpg" /> 

<body>

<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>

在我的页脚中

<div class="fb-like" data-href="http://www.addinall.net" data-width="100" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" data-colorscheme="dark"></div>

我尝试恢复到iFrame实现,但这打破了HTML5验证。 ARRRGGGHHHH !!

在我吃掉它之前的任何想法并忘记我曾经听说过Facebook?

0 个答案:

没有答案