/
【初期設定】WhatYaアイコンサンプル
【初期設定】WhatYaアイコンサンプル
こちらでは弊社が提供しているWhatYaのアイコンサンプルについてのページです。
概要
弊社が用意しているアイコンサンプルは以下のとおりです。
画像を右クリックして保存し、御社サーバーに配置してご利用ください。
※本アイコンを活用して起こったあらゆる事象につきましては、株式会社空色は免責とさせていただきます。あらかじめご了承の上ご活用ください。
|
|
|
|
|
|
---|---|---|---|---|---|
アイコン見本 | |||||
ファイル形式 | 透過PNG | 透過PNG | 透過PNG | 透過PNG | 透過PNG |
| |||||
ファイル形式 | 透過PNG | 透過PNG | 透過PNG | SVG | SVG |
| |||||
ファイル形式 | 透過PNG | SVG | 透過PNG | SVG | 透過PNG |
| |||||
ファイル形式 | SVG | 透過PNG | SVG | 透過PNG | 透過PNG |
|
| ||||
ファイル形式 | 透過PNG | SVG | 透過PNG | 透過PNG |
|
参考
アイコン画像の表示比率を変更したい場合、width・heightの%の値を変更ください。
※CSSサンプル
/* ヘッダーアイコンサイズ調整 */
#_ChatHeaderIcon img {
width: 80%;
height: auto;
object-fit: cover;
text-align: center;
}
/* ボットアイコンサイズ調整 */
._ChatWindowContent_BOT_AVATAR img {
width: 80%;
height: auto;
object-fit: cover;
text-align: center;
}
, multiple selections available,
Related content
【初期設定】ポップアップ サンプル画像一覧
【初期設定】ポップアップ サンプル画像一覧
More like this
【ボタン設定】チャットボタン設定 各項目の解説(アドバンス)
【ボタン設定】チャットボタン設定 各項目の解説(アドバンス)
Read with this
【OK SKY】ウィジェットデザイン例(CSS設定など)
【OK SKY】ウィジェットデザイン例(CSS設定など)
Read with this
【困ったときは】トラブルシューティング
【困ったときは】トラブルシューティング
More like this
【チャット設定】画面の解説
【チャット設定】画面の解説
Read with this
【WhatYa】チャットが表示されない
【WhatYa】チャットが表示されない
More like this