ねこまぐろBlog

ネットなどの備忘録なブログ。たまに創作ネタメモとか?

Twitterのweb版UIでTLの画像添付などを非表示にするユーザスタイルシート(2017年11月版)

追記 2017/11)全面的に修正。まだ取得できてないのがあるかも

追記 2017/4)追加。TLに表示されるフォロワーが追加した「いいね」を消す。公式RTは全オフ派なので…。

追記 2016/10)追加。フォローしている相手のいいねがTLにまとめて表示されるやつです。使いやすいように1行コピペできるようにしてるので整理したい。

追記 2016/8)修正。

追記 2015/12)今は「#timeline .AdaptiveMedia」で全部消せるのかな?

パソコンブラウザ版のTwitter用で、画像やらタイムラインのログを見返すのに縦に長くて困るとかそういう感じなので非表示にしましたユーザスタイルシートです。 1年くらい使ってるけど記事にしてみたよー。その間に記述変わってるんですよね。

主にFirefoxのStylish用です。Chromeは適応先をURLで一行目のアドレスを入れたらOKだけど通知で無効が面倒なのかな? 個別へ飛んだ時(時間の所から)は表示されるようになってます( /userID/status/~ )。なので興味あるなら見れます。

@-moz-document url-prefix('https://twitter.com/'){
.VideoGuide/* 左カラムのライブ動画 */,
#timeline div[data-component-context="suggest_activity_tweet"]/* TL:いいね */,
#timeline div[data-component-context="suggest_pyle_tweet"]/*TL:○さんがフォローしています */,
#timeline div[data-card2-name="summary"]/* TL:TwitterCard */,
#timeline div[data-card2-name="summary_large_image"]/* TL:TwitterCard-Large */,
#timeline div[data-card2-name="promo_website"]/* TL:プロモのTwitterCard */,
#timeline div[data-card2-name*="promo_video_website"]/* TL:プロモのTwitterCard-動画 */,
#timeline div[data-card2-name*="promo_image_convo"]/* TL:プロモのツイート機能付き */,
#timeline div[data-card2-name*="promo_video_convo"]/* TL:プロモのツイート機能付き動画 */,
#timeline div[data-card2-name*="moment"]/* TL:モーメント */,
#timeline div[data-card2-name*="periscope_broadcast"]/* TL:動画 */,
#timeline div[data-card2-name="player"]/* TL:動画、つべ・にこ */,
#timeline .AdaptiveMediaOuterContainer/* TL:埋め込み画像・動画 */,
#timeline .QuoteTweet-container/*TL:引用ツイート(1行線になるので個別ツイートから開く) */,
#timeline li[data-item-type="recap_entry"]/* TL:最近のハイライト  */,
#timeline li[data-item-type="who_to_follow_entry"]/* TL:おすすめユーザー  */,
.wtf-module/* 左カラムのおすすめユーザー&知り合いを見つけましょう */,
.import-prompt/* 知り合いを見つけましょう */
{display:none !important;}
/* ユーザ個別ページは非表示しなくていいなら #timeline を .top-timeline-tweetbox にしてね */

#timeline div[data-screen-name="TwitterJP"] .AdaptiveMediaOuterContainer/* TLの埋め込み画像・動画、で特定ユーザは表示。サンプルは@TwitterJP */
{display:inline !important;}
}

特定ユーザの画像だけ非表示にしないのができたから最後に置いてます。

@-moz-document domain("twitter.com") {
/* button.cancel-text, キャンセル */
button.pending-text, /* フォロー許可待ち */
/*button.unblock-text, ブロック解除 */
/*button.blocked-text, ブロック中 */
/*button.unfollow-text, 解除*/
button.following-text, /* フォロー中 */
button.follow-text/* フォローする */
{display:none!important;}
}

誤爆防止用のフォローボタンだけ別途非表示にしていたのを忘れてました……。ブロック中は表示にしてるので適当に変更してください。

適応前と適応後

適応前
Twitterのweb版UIでTLの画像添付を表示した通常時
適応後
Twitterのweb版UIでTLの画像添付を非表示した適応時

253pxも節約!

おまけ

.js-tweet-text{white-space: normal !important;}/* 改行無効 */

改行無効。長いのよねぇ。具体的にはこういう用です→[twitter]うざいプロモ…(※見た瞬間ブロックしました)

/* 絵文字をグレースケール化 */
span.Icon--protected,
div.stream-container img[src*="/emoji/v2/72x72/"],
div.stream-container img[src*="/emoji/v1/72x72/"]{filter: grayscale(100%);width:13px;height:13px;}

絵文字をグレスケ化もできたり。スマホでは普通にカラーで見てるからまあ。

by id:tailtame

Posted at 2017-11-28 13:47 in tips » css

Categories
Archives
Tagging
Ranking
ブログランキング・にほんブログ村へ

Page 1 of 1: 1

スポンサーリンク

2006年12月から計測のページビューカウンター。