アイコンをサイト別に自作のものに変更したい

質問
1

対象

わんコメ

利用OS

Windows

利用バージョン: Windows、わんコメやOBSのバージョン

Windows: 10
わんコメ：
OBS: 6.0.0

PRO版を利用

していない

過去ログ確認 (検索はこちらから)

した

ドキュメント確認 (公式サイト)

した

内容

テンプレートのBasicを利用しています。ユーザーアイコンをPC内にある自作のものに変更したいのですが、ニコ生とTwitchのコメントで違うアイコンに変更したい場合、HTMLをどのように変更すればいいでしょうか？

2

CSSに変更を加えることで変更が可能です。

変更例は以下のとおり。

[data-service="niconama"] .avatar {
    background-image: url(./niconama-img.png);
    background-size: cover;
    width: var(--lcv-avatar-size);
}

[data-service="twitch"] .avatar {
    background-image: url(./twitch-img.png);
    background-size: cover;
    width: var(--lcv-avatar-size);
}
[data-service="niconama"] .avatar img,
[data-service="twitch"] .avatar img {
    display: none;
}

この例だとテンプレートフォルダ内に置き換えたい「niconama-img.png」と「twitch-img.png」が入ることになります。

Basicだけでなく、アイコン（アバター）が出ているテンプレートであれば、同じように処理は可能です。

「いいね！」 1
3

できました！
ありがとうございます。

「いいね！」 1
4

トピッククローズ：相談解決のため