🦔

痛Discordにする

1 min read

最近discordを使うようになって痛くしたくなったので、痛くしました。(ウェブ版)

最近推しの本間ひまわりちゃんの画像を使ってみました。

やり方は以前私が書いたこの記事と同じ方法で出来ます。
痛slackにする

ただし、上の記事と違う点が2つあります。

画像について

以前の記事では、画像はbase64に変換してそのまま貼ってましたが、今回は使いたい画像を一度discordに画像を上げて、上がった画像のurlを指定しています。
これの方がurlが長くならず、すっきりまとまります。
実はslackも同じようにアップロードした画像を使うことが出来ます。

スタイルのCSS

css部分は以下のようにしています。

div[class^="messagesWrapper-"] {
    background-image: url(<urlを入れる>);
    background-repeat: no-repeat;
    background-position: bottom right;
}
div[class^="scroller-"] {
    background-color: rgb(100, 0, 0, 0);
}

slackと違い文字部分等が干渉して読みにくいとかはなかったので、シンプルなcssにしています。

おわり

#おめシスもいいぞ

Discussion

ログインするとコメントできます