GlassWitch

<!-- คู่มือการแก้ไขโคด -->
<!--
ส่วนทั่วไป
- ความกว้าง : width: 600px;
- สีพื้นหลัง : --glassw-bg: #37271f;
- สีแสง : --glassw-light: #6f412a;
- สีขอบ : --glassw-bd: #181818;
- ฟอนต์ภาษาไทย* : --glassw-fontth: 'Bai Jamjuree';
- ฟอนต์ชื่อภาษาอังกฤษ* : --glassw-fonten: 'Cinzel';
- สีหลัก : --glassw-color: #ff8c00;
* อย่าลืมเอาลิงก์ฟอนต์มาด้วย

ส่วน Text มุมซ้ายบน [ถ้าไม่ต้องการใส่ให้ลบข้อความออก]
- ขนาดฟอนต์ : --glassw-fontsize: 4rem;
- ขยับซ้ายขวา (กรณีข้อความยาว) : --glassw-move: translateX(-25%);
  - ซ้าย : ค่าลบ
  - ขวา : ค่าบวก
- สีฟอนต์บรรทัดที่ 1 : color: var(--glassw-color); (สีจะเป็นสีหลัก แต่ถ้าอยากใส่สีอื่นก็เปลี่ยน var(--glassw-color) เป็นโคดสีได้เลย)
- ขนาดฟอนต์บรรทัดที่ 2 : font-size: 2rem;

ส่วนรูปภาพ
- ภาพเฮด : --glassw-bgpic: url(--ลิงก์รูปภาพ--);
  - ปรับตำแหน่ง : --glassw-pos: center;
  - ปรับขนาด : --glassw-size: cover;
- ภาพคน (class="glassw-person") : --glassw-pic: url(--ลิงก์รูปภาพ--);
  - ปรับตำแหน่ง : --glassw-pos: 50% 0%; (แนะนำให้ปรับแค่ค่าแรก ลดเลขขยับซ้าย เพิ่มเลขขยับขวา)
  - ปรับขนาด : --glassw-size: contain;
- ภาพสัตว์ภูต : --glassw-pic: url(--ลิงก์รูปภาพ--);
  - อยู่ทางซ้าย (class="glassw-animal left")
  - อยู่ทางขวา (class="glassw-animal right")
  - ปรับตำแหน่ง : --glassw-pos: 50% 100%; (แนะนำให้ปรับแค่ค่าแรก ลดเลขขยับซ้าย เพิ่มเลขขยับขวา)
  - ปรับขนาด : --glassw-size: contain;
ปล. ถ้าไม่อยากปรับเลขไปเรื่อย ๆ แนะนำให้ตัดรูปมาให้พร้อมเลย

ส่วนชื่อ
- ขนาดฟอนต์ : --glassw-fontsize: 4rem;
-->


<link href="https://dl.dropbox.com/scl/fi/56ej3fai5d08t1pl0yfqa/glasswitch.css?rlkey=cv91tb6rk6ev0nz1t0tdke8jl&st=ilgrjlmb" rel="stylesheet">
<div id="zzzcode"><a href="https://discord.com/users/625292873914515456/"></a><div class="glassw-container" style="width: 600px;--glassw-bg: #37271f;--glassw-light: #6f412a;--glassw-bd: #181818;--glassw-fontth: 'Bai Jamjuree';--glassw-fonten: 'Cinzel';--glassw-color: #ff8c00;">
<div class="glassw-quote" style="--glassw-fontsize: 4rem;--glassw-move: translateX(-25%);">
<div style="color: var(--glassw-color);">ข้อความ</div>
<div style="font-size: 2rem;">ข้อความ</div></div>
<div class="glassw-header" style="--glassw-bgpic: url(--ลิงก์รูปภาพ--);">
<div class="glassw-person" style="--glassw-pic: url(--ลิงก์รูปภาพ--);--glassw-pos: 50% 0%;--glassw-size: contain;"></div>
<div class="glassw-animal left" style="--glassw-pic: url(--ลิงก์รูปภาพ--);--glassw-pos: 50% 100%;--glassw-size: contain;"></div></div>
<div class="glassw-title" style="--glassw-fontsize: 4rem;"><div>ชื่อต้น</div><div>นามสกุล</div></div>
<div class="glassw-content">
<p>--เนื้อหาโรลเพลย์--</p>
<div class="glassw-ps">[b]หมายเหตุ[/b] --หมายเหตุ--</div>
</div></div></div>