自定义Facebook评论

时间:2011-08-15 19:43:02

标签: asp.net css asp.net-mvc facebook

我正在开发一个网站,其中我想使用facebook评论插件,我想自定义评论的CSS。我正在使用ASP.NET MVC架构,我的页面要求我通过ViewData发送fb:comments的href。因此,我使用javascript将我的facebook评论标签添加到我页面中的div。

我正在尝试通过引用自定义CSS http://www.daddydesign.com/wordpress/how-to-customize-the-facebook-comments-social-plugin-on-a-static-fbml-tab/ 但似乎CSS似乎没有应用到我的Facebook评论部分。

守则如下:

<script type="text/javascript">
$(function () {
    Url = '<%=ViewData["Url"] %>';
    Xid = '<%=ViewData["Xid"] %>';
    document.getElementById('fb_comments')
            .innerHTML = "<fb:comments href=" 
              + Url 
              +"num_posts=\"4\" xid=" 
              + Xid + " width=\"350\"></fb:comments>";

});
</script>

<style type="text/css">
#fb_comments {
width: 350px;
float: left;
font-family: Arial, Helvetica, sans-serif;
color: #909090; 
min-height:850px;
height:100%;
background-color: #E8E8E8;
 }

#fb_comments a {
    color: #909090;
}

</style>
</head>
<body style="width:350px;">

<div>       
    <div id="fb-root">           
    </div>
    <script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
    </script>
    <div id="fb_comments">                      
    </div>        
</div>   
</body>
</html>

有人可以帮忙!

谢谢!

1 个答案:

答案 0 :(得分:0)

请参阅comment by the post's author at the bottom

  

嗨,据我们所知,你不能再定制常规的Facebook评论。如果有人知道如何,请在这里分享。