Help us understand the problem. What is going on with this article?

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

More than 3 years have passed since last update.

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

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

鬼がかってますね

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したディレクトリを選択

ソースコード

https://github.com/YKrmt/qiita_RMT

おわりに

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

ひとつ問題点は、

おいおい直そう.png

おいおい直そう...

kurararara
for(;;)alert('私が町長です。');
peoplesoftware
主にJavaやC#を使った受託開発や、BaaSなどのクラウドサービス、スマホアプリの自社開発を行っている会社です。※各記事の内容は個人の見解であり、所属する会社の公式見解ではありません。
http://www.pscsrv.co.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away