如何使用我自己的CSS设置Twitter小部件的样式

时间:2014-07-09 21:14:26

标签: html css twitter

我有自己设计的Twitter Feed,我想使用自己的设计设置默认Feed的样式。有没有办法做到这一点?

问题是你不能使用CSS选择器,因为它只在加载页面后出现。

请查看此图片,以便您了解我需要的内容

https://dl.dropboxusercontent.com/u/35853519/twitter-widget.jpg

谢谢,

3 个答案:

答案 0 :(得分:2)

嗯,您可以通过以下方式自定义您的推特小部件:

默认代码

<a class="twitter-timeline" href="Pagelink" data-widget-id="Page ID">Tweets by @Test</a>

要删除页眉页脚,只需添加data-chrome =“nofooter transparent noheader transparent”,它将如下所示:

<a class="twitter-timeline" href="Pagelink" data-widget-id="Page ID" data-chrome="nofooter transparent noheader transparent">Tweets by @Test</a>

有关链接颜色,Borders等的更多自定义,请参阅本文。 https://dev.twitter.com/docs/embedded-timelines#customization

我希望这会有所帮助:)

答案 1 :(得分:1)

1#获取之前建议的完全可自定义的时间轴(通过使用API​​),需要您将时间轴作为json文件(https://api.twitter.com/1.1/statuses/home_timeline.json)获取并在显示中手动循环它们。更多细节https://dev.twitter.com/rest/reference/get/statuses/home_timeline

2#这与我的设计@ shadeed9一样接近。大多数限制都在这里https://dev.twitter.com/overview/terms/display-requirements final_result_tweetdesign

3#这个JS片段将允许您将自定义CSS样式添加到Twitter嵌入小部件:Kevin Burke的https://github.com/kevinburke/customize-twitter-1.1

如果这解决了您的问题,请接受它!

答案 2 :(得分:0)

如果通过Twitter小部件表示嵌入式时间线,那么请参阅&#34;客户端选项&#34;文档https://dev.twitter.com/docs/embedded-timelines的一部分,您可以设置选项。

如果您想使用CSS完全自定义输出,那么您需要使用API​​编写自己的解决方案来吐出可以设置样式的内容。