# divで生成されたアバター
**URL:** https://meta.discourse.org/t/avatars-that-are-generated-with-divs/140297
**Category:** Support
**Created:** [2020 年 1 月 31 日午後 12:39 UTC](https://meta.discourse.org/t/avatars-that-are-generated-with-divs/140297 "2020-01-31T12:39:19Z")
**Posts on this page:** 4
**Page:** 1
### Author:  [@Rina\_Fallingstar](https://meta.discourse.org/u/Rina_Fallingstar)
#### Post date: [2020 年 1 月 31 日午後 12:39 UTC](https://meta.discourse.org/t/avatars-that-are-generated-with-divs/140297/1 "2020-01-31T12:39:19Z")
私のポータルでは、ユーザーが自分のキャラクターを完全にカスタマイズできる機能があります。しかし、フォーラムではそれをアバターとして表示したいと考えています。これまでに、フルサイズのキャラクター画像を作成することはできましたが、アバター画像を使うのではなく、同じ「コード」をそのまま使いたいです。そうすれば、画像が動くもの（GIFなど）でも表示でき、ユーザーがキャラクターをカスタマイズした際も即座に反映されるからです。
そのような方法はありますか？それには別々のプラグインが必要でしょうか、それとも私のテーマデザインで実現可能でしょうか？
ここで言う「コード」とは、複数の階層化された div 要素と CSS で構成されたものです。
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [2020 年 2 月 3 日午前 4:06 UTC](https://meta.discourse.org/t/avatars-that-are-generated-with-divs/140297/2 "2020-02-03T04:06:22Z")
技術的には、それはクライアントサイドの拡張機能について説明しています。テーマコンポーネントとして実装できる可能性は非常に高いですが、そこそこ複雑になります。
---
### Author:  [@Rina\_Fallingstar](https://meta.discourse.org/u/Rina_Fallingstar)
#### Post date: [2020 年 2 月 3 日午後 3:20 UTC](https://meta.discourse.org/t/avatars-that-are-generated-with-divs/140297/3 "2020-02-03T15:20:52Z")
なるほど。どこから手をつけていいか、方向性を示してもらえませんか？いろいろ試してみたいのですが、まずはどこから始めればいいか知りたいです。
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [2023 年 12 月 26 日午後 2:16 UTC](https://meta.discourse.org/t/avatars-that-are-generated-with-divs/140297/5 "2023-12-26T14:16:16Z")