Question

我正在尝试将twitter小部件包含在我的网站中。它是使用Smarty开发的。我正在尝试自定义小部件。现在它在右侧部分有一个滚动条。我想我们可以通过向类overflow:hidden添加样式stream来删除它。但我不确定我们怎么能这样做。我尝试过使用外部css文件，但它无法正常工作。请帮我修改滚动条来自定义它。

 <a class="twitter-timeline"  href="https://twitter.com/username"  data-widget-id="myid" width="376" height="200">Tweets by @name</a>

{literal}
<script>
     !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];
     if(!d.getElementById(id)){
          js=d.createElement(s);
          js.id=id;js.src="//platform.twitter.com/widgets.js";
          fjs.parentNode.insertBefore(js,fjs);
     }}(document,"script","twitter-wjs");</script>
{/literal}

请查看此处http://www.jobslamp.com/test.php

页面

新代码 -------------

   <div class="clear"></div>{literal}
<style TYPE="text/css">
#footer {
   background-image: none !important;
  }
    </style>{/literal}
    <a class="twitter-timeline"  href="https://twitter.com/username"  data-widget-  id="myid"    width="376" height="200" style="border:1px solid red !important;">Tweets by   @username</a>

 {literal}<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)   [0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");   </script>{/literal}
<div class="clear"></div>

Answer 1

试试这个css：

#footer {
background-image: none !important;
}

Answer 2

无需全部禁用。只需使用API提供的新参数：

<a href="your_timeline" data-chrome="noscrollbar" ...

source = dev.twitter

如何删除twitter小部件中的边框

2 个答案: