【问题标题】:Facebook HTML5 activity feed custom cssFacebook HTML5 活动提要自定义 css
【发布时间】:2012-04-26 10:18:18
【问题描述】:

有没有办法将自定义 css 添加到 HTML5 Facebook activity plugin

这是它的代码:

<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&appId=123456789";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-activity" data-width="300" data-height="300" data-header="true" data-recommendations="false"></div>

我想显示更大的图像并更改链接的颜色。 谢谢。乌力

【问题讨论】:

    标签: css facebook plugins


    【解决方案1】:

    当然,您应该能够挂钩 Facebook 提供的元素类,例如:

    .fbWidgetTitle
    {
     // Change styles on the title of the activity box
    }
    

    使用 Firebug 或任何你必须检查源代码的工具,看看你能连接到什么。

    【讨论】:

    • 试过了,但图像大小没有改变。我从 FireBug 得到了这个,但也许我错过了什么? .fbImageContainer { 高度:100px;溢出:隐藏;宽度:100px; }(我想把小预览图改成 100x100 像素)
    • 调整图像容器,但您还需要调整内部实际图像的大小:.fbImageContainer img{ /*styles*/}
    • 试过了,但图像仍然保持原始大小。有什么想法可以尝试吗?
    • 您是否在定义已经设置好的样式?如果是这样,您可能需要在样式上使用 !important 声明。
    • 如果你有一个正在开发的实时页面,我可以看看它。
    猜你喜欢
    • 1970-01-01
    • 2012-05-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多