2016年9月20日火曜日

Twitterで穏やかにヒキりたい人のためのユーザーCSS

Twitterのふぁぼ(いいねボタン)、リツイート数、フォロワー数その他もろもろを非表示にするユーザーCSS(Chrome用)を作ったので公開しておきます。

指定を細かくしているのでカスタマイズ次第で自分好みの隠遁生活が実現可能。
追記からどうぞ。

導入方法

GoogleウェブソフトでStylebotをダウンロードする( Chrome 右上にCSSボタンが追加される)
②以下のコードをCtrl+Cでコピー
/* ホームボタンを非表示 */
li#global-nav-home {
    display: none;
}
/* 通知ボタン非表示 */
li.people.notifications {
    display: none;
}
/* DMボタン非表示 */
li.dm-nav {
    display: none;
}
/* 検索窓非表示 */
.global-nav .form-search {
    display: none;
}
/* 各種メニューに飛ぶアイコンを非表示 */
.pull-right {
    display: none;
}
/* 右上のツイートボタン削除 */
li.topbar-tweet-btn {
    display: none;
}
/* リプライボタン非表示 */
div.ProfileTweet-action.ProfileTweet-action--reply {
    display: none;
}
/* リツイートボタン非表示 */
div.ProfileTweet-action.ProfileTweet-action--retweet.js-toggleState.js-toggleRt {
    display: none;
}
/* いいねボタン非表示 */
div.ProfileTweet-action.ProfileTweet-action--favorite.js-toggleState {
    display: none;
}
/* アナリティクスボタン非表示 */
div.ProfileTweet-action.ProfileTweet-action--analytics {
    display: none;
}
/* その他ボタン(ブロックとか報告とか)非表示 */
div.ProfileTweet-action.ProfileTweet-action--more.js-more-ProfileTweet-actions {
    display: none;
}
/* おすすめユーザー非表示 */
div.ProfileSidebar.ProfileSidebar--withRightAlignment {
    display: none;
}
/* 上にいる鳥を消す */
h1.Icon.Icon--bird.bird-topbar-etched {
    display: none;
}
/* 下にいる鳥を消す */
span.Icon.Icon--large.Icon--logo {
    display: none;
}
/* ヘルプとか規約とかのボタン非表示*/
div.flex-module {
    display: none;
}
/* 左のプロフィールを消す */
a.DashboardProfileCard-bg.u-bgUserColor.u-block {
    display: none;
}
div.DashboardProfileCard-content {
    display: none;
}
div.DashboardProfileCard {
    border: none;
}
/* ツイート横の画像非表示 */
img.avatar.js-action-profile-avatar {
    display: none;
}
div.content {
    margin-left: 2px;
}
/* ツイート欄の名前、アカウント名を非表示 */
a.account-group.js-account-group.js-action-profile.js-user-profile-link.js-nav {
    display: none;
}
small.time::before {
    display: none;
}
/* いまどうしてる?の横にあるアイコン非表示 */
img.top-timeline-tweet-box-user-image.avatar.size32 {
    display: none;
}
/*ツイート詳細に表示されるいいね数・リツイート数非表示 */
div.js-tweet-stats-container.tweet-stats-container {
    display: none;
}
/* ツイート詳細ページにあるリプライ欄の非表示 */
div.replies-to.permalink-inner.permalink-replies {
    display: none;
}
③ Twitterのページを開いた状態で、CSSボタンをクリック
④open stylebot...をクリック
⑤出てきたスペースに②でコピーしたものをCtrl+Vでペースト
⑥下にあるsaveボタンをクリック⑦Cancelボタンを押して右上に出る×をクリック
⑦おわり


導入するとこんな感じになります

※表示されているのは@granbluefantasy公式と@tobyfox氏のツイートです


問題点

①ブラウザサイズを縮めると横幅1272pxあたりから徐々にツイート欄の位置がずれていく
②アプリ提携のページに行くとアプリのアイコンがずれている
③TL以外のページを見ることを想定していないので、鍵をかけたり設定を変えるのが面倒くさい(ちなみに設定ページのURLはhttps://twitter.com/settings/accountです。参考までに)


なんで作ったの?

Twitterでつぶやくたびにふぁぼってきてはパクやらなんやらしてくる人の存在にうんざりして作りました。負の感情の力ってすごいですね!
今考えると「他人の言葉を借りなければ好きなキャラについても語れないんだな……」って気の毒になるばかりです。

3 件のコメント :

  1. まさにこのようなものを探しておりました。
    ツイッターが素晴らしく快適になり感動しております。
    技術を分けていただき大変感謝します。ありがとうございます。

    返信削除
  2. 本当にありがとうございました
    おかげでふぁぼRTが表示されないのでSNS疲れせずに済みそうです!

    返信削除