Bloom & Dine

<!--
[คู่มือการใช้งาน]
สีกระดาษ: --bnd-bg: #f6eee3;
สีข้อความ: --bnd-txt: #000;
สีชื่อ : --bnd-primary: #000;

png ทั้ง 2 อัน มีขนาด 1:1 (จัตุรัส)

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

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

<link href="https://dl.dropbox.com/scl/fi/tpnytrlcop69bxh49xizy/BloomnDine.css?rlkey=nofl9g8t20qld95ihxdlwh73m&st=hcommcgi" rel="stylesheet">
<div id="BloomnDine"><a href="https://discord.com/users/625292873914515456/"></a><div class="bnd-set" style="--bnd-bg: #f6eee3;--bnd-txt: #000;--bnd-primary: #000;">
<div class="bnd-png1" style="--bnd-png: url(--ลิงก์รูป png ด้านบน--);"></div>
<div class="bnd-png2" style="--bnd-png: url(--ลิงก์รูป png ด้านล่าง--);"></div>
<div class="bnd-paper">
<div class="bnd-head"><p>--something--</p><div>Date :: 20/03/2568</div></div>
<div class="bnd-pic" style="--bnd-pic: url(--ลิงก์รูปภาพ--);"></div>
<div class="bnd-name">--Display Name--</div>
<div class="bnd-content">
--ข้อความ--
</div>
<div class="bnd-ps"><b>หมายเหตุ :</b><div>--หมายเหตุ--</div></div>
</div></div></div>