如何自定义twitter小部件样式？

Question

我刚刚在我的网站上实现了列表小部件:https://dev.twitter.com/docs/embedded-timelines

我只是想将背景颜色从白色覆盖到透明.由于它是嵌入式小部件,我无法直接编辑它.任何人都可以帮助我吗？

Answer 1

https://dev.twitter.com/docs/embedded-timelines

您可以更改窗口小部件的Chrome,以隐藏页眉/页脚/边框或背景.

<a class="twitter-timeline" href="https://twitter.com/twitterapi" data-widget-id="<YOUR ID>" data-theme="dark" data-link-color="#000" data-chrome="noheader nofooter noborders transparent"  data-related="twitterapi,twitter" data-aria-polite="assertive" width="300" height="300" lang="EN">Tweets by @twitterapi</a>

Answer 2

从 twitter>设置>小部件创建一个小部件。

复制粘贴提供的代码。

<a
class="twitter-timeline"
href="https://twitter.com/YourNickname"
data-widget-id="xxxxxxxxxxxxxxxxxxx" <!--you will haveyour own number http://stackoverflow.com/questions/16375116/what-is-data-widget-id-in-twitter-api-how-i-can-get-the-data-widget-id-->
data-chrome="noheader nofooter noborders noscrollbar transparent" <!--tweak these for the looks-->
data-tweet-limit="5"
data-link-color="#FFFFFF"
data-border-color="#FFFFFF"
lang="EN" data-theme="light" <!--light or dark-->
height="447"
width="255"
data-screen-name="yourName"
data-show-replies="false"
data-aria-polite="assertive">

Tweets by @YourName

</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

对于答案，我使用了http://tweetsdecoder.net/的工作。由于脚本的原因，他的片段显然不起作用。

干杯!

编辑：那里有我的昵称