Christmas hats!

[Kartoon]

@cpradio

どうぞ（これを実現するために協力してくれたSPのsama74に感謝します）

1. この画像をStaff > Assetsトピックにアップロードしてください：https://sandbox.cpradio.org/uploads/default/optimized/1X/bc7a8948b080c0ccb41a2aa8d20915e0aba5c8d2_1_446x500.png
2. Admin > Customize > CSS に移動します

#current-user div {
  position: relative;
}
#current-user div::after {
  position: absolute;
  content: '';
  display: block;
  top:-16px;
  left: -8px;
  width: 45px;
  height: 45px;
  /* UPDATE THE URL BELOW */
  background: url(url_of_christmas_hat_asset) no-repeat center;
  background-size: contain;
}

最後に、カスタマイズが保存され、有効になっていることを確認してください。

もし誰かがこのトピックを検索して見つけた場合、上記のコードはもう機能しませんが、更新版を作成しました。

.current-user {
  position: relative;
}
.current-user::after {
  position: absolute;
  content: '';
  display: block;
  top:-16px;
  left: -8px;
  width: 45px;
  height: 45px;
  /* UPDATE THE URL BELOW */
  background: url(URL HERE) no-repeat center;
  background-size: contain;
  pointer-events: none;
}

「pointer-events」行も重要です。これがないと、ハットのオーバーレイが邪魔をするため、プロフィール写真を直接クリックしてメニューを開くことができなくなります（右上隅と一番下をクリックすることはできますが、これは煩わしく、すぐに気づかない可能性があります）。

@Robertが投稿した他のコード（2番目のもの）は、トピック内のプロフィールに帽子を追加するためにまだ機能しますが、同じ問題が含まれています（ただし、今回はユーザー名のすぐ隣をクリックできるため、重要度は低いです）。しかし、これも修正したい場合は、pointer-events: none; を追加するだけで修正できます。