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

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

追記 2016/8)修正。

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

興味ない画像やらタイムラインのログを見返すのに長くて困るとかそういう感じなので。 1年くらい使ってるけど記事にしてみたよー。その間に記述変わってるんですよね。

主にFirefoxのStylish用です。Chromeは不明。IEとかでも使えるかな?(その時は最初と最後の行を消してください) 各行末尾のコメントアウトに書いてあるとおり、個別へ飛んだ時(時間の所から)は表示されるようになってます( /userID/status/~ )。なので興味あるなら見れます。

@-moz-document url-prefix('https://twitter.com/'){
#timeline .AdaptiveMedia, /* ←TL埋め込みの類はこれだけで消えるかな */
img[alt*="埋め込み画像への固定リンク"],.js-media-Container, .stream-container .OldMedia{display:none !important;} /* 画像非表示。 */
li[data-item-type="recap_entry"]{display:none !important;} /* おすすめのツイート(いいねされたツイ) */
.permalink-container img[alt*="埋め込み画像への固定リンク"]{display:inline !important;}/* 個別は表示 */
/* ↓は引用ツイート・Twitterカードです。追加削除は1行毎に。 */
.content-main .js-media-container{display:none !important;} /* TLの引用非表示 */
.top-timeline-tweetbox .QuoteTweet-innerContainer{display:none !important;} /* TLの引用非表示 */
.top-timeline-tweetbox .js-media-container{display:none !important;} /* TLのTwitterカード非表示 */
.GridTimeline .js-media-container{display:none !important;} /* ユーザホームのTwitterカード非表示 */
.GridTimeline .QuoteTweet-innerContainer{display:none !important;} /* ユーザホームの引用非表示 */
div.stream-container div[data-card2-name="amplify"],/* タイムラインの動画?削除 */
/* ↑は引用ツイート・Twitterカードです。追加削除は1行毎に。 */
/* ↓投稿用 */
.geo-picker-btn/* ジオタグ(位置情報添付) */,
span.TweetBoxExtras-item, /* 画像・アンケ・GIFの類を消す。使用したい場合は一時無効オススメ tab+enterしたいので(Ctrl+Enterで行けますけども) */
/* ↓誤爆防止用 */
.wtf-module/* オススメユーザ・Gmailなどフリーメールインポート */,
div.stream li[data-item-type="who_to_follow_entry"],.follow-button/* フォローボタン */,
li.has-recap /* こちらもおすすめ */
{display:none !important;}
}

最初と最後の行はお約束(指定サイトのみ適応)なので、それを抜きにすればIEでも動くかもしれません。

#timeline .AdaptiveMedia
{display:none !important;}

今はこの2行だけで消えるかもしれません。Firefoxの場合は↑の最初と最後で囲うの大事です。

適応前と適応後の画像も置いておきますね。

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

何の画像か分かっちゃうかな。まあゲームだし。253pxも節約!

おまけ

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

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

by id:tailtame

Posted at 21:01 in tips » css

pixivで特定ユーザの作品サムネイルを非表示にする方法(2013年5月版)

いつの間にやら、pixivのサムネイルにユーザIDが入らなくなったので、新しい対策です。

追記 2013-10)いつのまにかサムネイルのユーザID復活してますね…なんなの>< と言うわけで、 IEのユーザスタイルシートでpixivの特定ユーザを非表示にする方法へどうぞ。

いや、ほら…パクリ素材とかあるじゃないですか(どれとは言わないが)。

と言うわけで、検索結果にユーザ名とリンクが追加されたのでそれを利用します。

/* 特定ユーザのサムネイルを非表示にする */
.image-item a.user[href*="member_illust.php?id=***"], /* この行を追加して行ってね! */
.image-item a.user[href*="member_illust.php?id=***"],
.image-item a.user[href*="member_illust.php?id=***"]
{
overflow:visible !important;position:absolute !important;left:10px;top:10px !important;
width:156px !important; height:156px !important;background-color:#FFF;
}

多分IEでも動くんじゃないかなー。タイトル下にあるアカウント名のリンクから調べて *** に数字入れてね。

そこまでして見なくても…って感じではあるので…まあ、実際見る時間は減ってるわ(´д`;)

Posted at 18:33 in tips » css

IEのユーザスタイルシートでpixivの特定ユーザを非表示にする方法

ぼかしもしないタイトルですね。 pixivとTINAMIのタイトルからサムネイルを非表示にするユーザCSS*Firefox+Stylishも参照ください。

CSSが分からない人にも…と言う事で書いてます。

追記)2012-07-30 先月くらいからpixivが仕様変更により pixiv.net/img数字/img/userID/ と数字フォルダが付いたため、 img[src*="/img/userID/"] にするといいかと思います。(まー /img/userID/ が被る事はないだろう)

前提条件として、IE7、IE8、IE9が必要です。 もう強制アップデートが行われたはずなので、大抵はIE8かIE9ですね。

マイドキュメントにでも、「ie-css.css」と言うファイル名を作ります。 拡張子が「.css」ならなんでもいいです。毎度読み込むみたいなので削除しない場所へ置きましょう。

非表示にしたいユーザの画像の上で右クリック→アドレス「 http://img*.pixiv.net/img/***/~ 」と***(ユーザID)の部分をコピーします。

img[src*="pixiv.net/img/***/"]{display:none !important;} /* ここにPNとか書けばいい */

↑は1ユーザの場合、↓は増やす場合。↑の行をそのまま増やす方が分かりやすいかな。

img[src*="pixiv.net/img/***/"]/* コメント1→カンマ(,)を忘れず */,
img[src*="pixiv.net/img/***/"]/* コメント2 */,
img[src*="pixiv.net/img/***/"]/* コメント3最後はカンマ不要 */
{display:none !important;}

IEを立ち上げ、ツール(IE9は歯車アイコン)→インターネットオプション→全般→ユーザ補助→ユーザスタイルシート、 の「自分のスタイルシートでドキュメントの書式を設定する」にチェックを入れて、 「参照」で作成した「ie-css.css」を読み込みます。

pixivでサムネイルが消えていれば成功です。

おわり。

pixivとTINAMIのタイトルからサムネイルを非表示にするユーザCSS*Firefox+Stylishと違うのは、 「@-moz-document url-prefix」が使えないので細かい事は出来ないがユーザ非表示だけなら上記の通りです。

追記)属性セレクタはIE7も対応してますね、と修正。

Posted at 23:41 in tips » css

ツールバーのGreasemonkeyを差し替えたのとCSS覚え書き

こういうので自分でtipsと入れるのもなんですね。覚え書き覚え書き。ブログ更新率も上げたいし。前置き。

Firefox4になってステータスバーがなくなって、アドオンバーになるという改悪をかましてはくれましたが(まだ本移行してないけど、Status-4-Evarは入れてます)、 いろんな面でFirefox愛なのでさておき。

Greasemonkeyが先日の更新でツールバーに移動してから、 お猿さんアイコンが見ている…状態なので変えたいなー、 と思っていたら、ヒントを貰ったので変えました。 ありがとうございます! アドオンのCSSって見れるんですね。まだ知らない事がたくさんだ! カスタマイズ欲を刺激する!

と言うわけで、 chrome://greasemonkey/skin/browser.css から一行目を弄り…。

/* ツールバー置き換え Greasemonkey */
#greasemonkey-tbb {
  list-style-image: url("tt-th24x24_toyohime20110415.png") !important;
}

Stylishだと「挿入→Chrome フォルダパス」から画像指定すると楽ですよね。 まあ、画像をFirefoxにドラッグ&ドロップしてURL欄からコピーの方が…(`・ω´・) あまり差し替えないだろうから、userChrome.cssに入れました。

ツールバーのGreasemonkeyを差し替えた前後の図

こんな感じになりましたー。また豊姫ですよ、とさっくり描いた(*´∀`*) 24x24だから潰れますね。Firefoxの豊姫化してみたいものだ。

24x24の豊姫アイコン*20110415版

最後に画像を置いて終わり ヾ(・ω・)ノ

Posted at 21:13 in tips » css

pixivのユーザ装飾を無効にするユーザCSS*Firefox+Stylish

水色で目に優しいpixivカラーですが、ユーザ装飾で目が死ぬ配色ばかりなので固定させていただきました。背景が薄オレンジで文字が白とか勘弁…。

/* プロフィールのユーザCSS無効 */
@-moz-document url-prefix(http://www.pixiv.net/member.php?id=){
table.prof_table, table.ws_table{
border:1px solid #B7B7B7 !important;
}
table.prof_table .td1, table.ws_table  .td1{
background-color:#E9F5FF !important;
border-bottom:1px solid #B7B7B7 !important;
color:#333333 !important;
}
table.prof_table .td2, table.ws_table  .td2{
background-color:#FFFFFF !important;
border-bottom:1px solid #B7B7B7 !important;
color:#333333 !important;
}
.prof_table a:link{color:#2690B9 !important;}
.prof_table a:visited{ color:#9d5b8b !important;} /* 個人的変更 */
}

おまけ。いつの間にかTwitterもbold対象(クッション無しの直通)になってますね。一応追加。

/* プレミアムの文字装飾無効 */
@-moz-document url-prefix(http://www.pixiv.net/member_illust.php?mode=medium){
div#illust_comment span, div#illust_comment strong{ color:#000 !important; font-weight:normal !important;}
div#illust_comment a[href*="member_illust.php?mode=medium"], div#illust_comment a[href*="nicovideo.jp"], div#illust_comment a[href*="twitter.com"]{ font-weight:bold !important;}

そのうち怒られそうだw(プレミアム特典消滅させてるし)

追記 2010-06-15

.td2に背景色が必要だったので修正しました

Posted at 17:53 in tips » css