Wakamuzu! - โคดโรลเพลย์ (นอกกิจกรรม)

<!--
[คู่มือการแก้ไขโคด]
สีหลัก : --wkmz-primary: #e9576b;
สีตัวอักษรบนสีหลัก : --wkmz-txt: #fff;

หากต้องการปรับตำแหน่งภาพให้เพิ่ม --wkmz-pos: 50% 50%; ต่อท้ายลิงก์รูปที่ต้องการปรับ
- เลขตัวแรกคือการขยับซ้าย - ขวา โดย 0% = ชิดซ้าย 100% = ชิดขวา
- เลขตัวหลังคือการขยับขึ้น - ลง โดย 0% = ชิดบน 100% = ชิดล่าง

หากต้องการปรับขนาดภาพให้เพิ่ม --wkmz-size: cover; ต่อท้ายลิงก์รูปที่ต้องการปรับ
- cover หรือ 100% คือ ขยายเต็มพื้นที่
- มากกว่า 100% คือ ขนาดใหญ่ขึ้น
- น้อยกว่า 100% คือ ขนาดเล็กลง

ของตกแต่งใช้ --wkmz-dpos กับ --wkmz-dsize แต่ก็ใช้ --wkmz-pos กับ --wkmz-size ได้เหมือนกัน
-->

<link href="https://savant777.github.io/zoecode/wakamuzu.css" rel="stylesheet">
<div id="Wakamuzu"><a href="https://discord.com/users/625292873914515456/"></a><div id="wkmz-role" class="wkmz-box" style="--wkmz-primary: #e9576b;--wkmz-txt: #fff;"><div class="wkmz-head">
<div class="wkmz-logo"><div class="wkmz-img" style="--wkmz-pic: url(--ลิงก์รูปในดอกไม้--);"></div></div>
<div class="wkmz-pic" style="--wkmz-pic: url(--ลิงก์รูปตัวละคร--);">
<div class="wkmz-deco1" style="--wkmz-deco: url(--ลิงก์ของตกแต่ง 1--);"></div>
<div class="wkmz-deco2" style="--wkmz-deco: url((--ลิงก์ของตกแต่ง 2--);"></div></div>
<div class="wkmz-info-card"><div class="wkmz-info-content">
<div class="wkmz-info" data="name"><div> --Display Name-- </div></div>
<div class="wkmz-info" data="race"><div> --Race-- </div></div>
<div class="wkmz-info" data="level"><div> --Level-- </div></div></div></div></div>
<div class="wkmz-body">
<div class="wkmz-place">@ สถานที่</div>
<div class="wkmz-content">
--เนื้อหาโรลเพลย์--
</div><div class="wkmz-ps">--หมายเหตุ--</div>
</div></div></div>