LoginSignup
9
5

More than 5 years have passed since last update.

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

Last updated at Posted at 2017-04-25

感謝(参考にさせていただきました)

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

鬼がかってますね

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

鬼がかってますね.png

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の拡張機能から読み込む

Chrome拡張.png

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

ソースコード

おわりに

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

ひとつ問題点は、

おいおい直そう.png

おいおい直そう...

9
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
5