Qiitaの「いいね」を「鬼がかってますね」に変える

4100 ワード
chrome-extension CSS いいね Qiita リゼロ Qiita テキストリンク

感謝（参考にさせていただきました）

自分だけではこの発想はわかなかったので、本当に感謝です。

鬼がかってますね

Qiitaの「いいね」ボタンを「鬼がかってますね」に変更するChrome拡張です。

CSSはこうです。

/* いいね */
.LikeButton > .p-button::after {
    content: "鬼がかってますね";
}
.LikeButton > .p-button > span:not(.fa) {
    display: none;
}

.itemsShowHeaderStock_statusList > li:first-child > .itemsShowHeaderStock_countText::after{
  content: "鬼がかってますね";
  font-size: 12px;
}

.itemsShowHeaderStock_statusList > li:first-child > .itemsShowHeaderStock_countText{
  font-size: 0px;
}

.LikeLabel__text::after {
    content: "鬼がかってますね";
    font-size: 16px;
}

.LikeLabel__text {
    font-size: 0;
}

使い方

  1. git cloneする

$ git clone https://github.com/YKrmt/qiita_RMT.git

  1. Chromeの拡張機能から読み込む

  • 「デベロッパーモード」にチェック
  • 「パッケージ化されていない拡張機能を読み込む…」から1.でcloneしたディレクトリを選択

ソースコード

おわりに

やっぱり自分の好きなレイアウトだと気分良く作業できると思うんですよね。
そういった意味で、参考にさせて頂いたみなさまの投稿には本当に感謝です！

ひとつ問題点は、

おいおい直そう...