Twitterウィジェットで要らない要素を消しながら表示する
使い道
Twitterウィジェットで要らない要素を消しながら表示する
HTMLソース
<!-- Twitter Widget --> <script type="text/javascript" src="http://twitter.com/javascripts/widgets/widget.js"></script> <script type="text/javascript"> new TWTR.Widget({ version: 2, type: 'search', rpp: 100, search: "キーワード -外すキーワード -外すキーワード", interval: 2000, title: '', subject: '', width: 223, height: 580, theme: { shell: { //background: '#FFFFEE', //color: '#FFFFEE' background: '#FFFFFF', color: 'none' }, tweets: { background: '#FFFFFF', color: '#333333', links: '#048091' } }, features: { //scrollbar: false, scrollbar: false, loop: true, live: true, hashtags: true, timestamp: true, avatars: true, //behavior: 'default' behavior: 'all' } }).render().start(); </script> <!-- /Twitter Widget -->
CSSソース
/* /Twitter Badge */ .twtr-doc{/*cursor: url(../img/tweet_cursor.png), pointer;*/}/*全体の枠*/ .twtr-bd{}/*メイン部の枠*/ .twtr-profile-img{} .twtr-profile-img-anchor{} .twtr-widget{} .twtr-hyperlink{} .twtr-atreply{} .twtr-hashtag{} .twtr-img{} .twtr-tweet-wrap{}/*各セルの背景*/ .twtr-avatar{}/*アバター*/ .twtr-avatar img{}/*アバター*/ .twtr-tweet-text{}/*テキスト部*/ .twtr-user{}/*ユーザ名*/ .twtr-join-conv{} .twtr-new-results{} .twtr-results-inner{display:none;} .twtr-results-hr{display:none;} .twtr-timestamp{} .twtr-reply{} .twtr-tweet{} .twtr-spinner{} .twtr-scroll{} .twtr-fullscreen{} .twtr-inactive{} .twtr-reference-tweet{} .twtr-paused{} .twtr-hd{display:none;}/*ヘッダ*/ .twtr-ft{display:none;}/*フッタ*/ /* /Twitter Badge */
表示サンプル
引っ掛けるキーワードは「鎌倉」と設定しています。