Advertisement
Kelly-B9978

GlassWitch

Sep 3rd, 2024
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.00 KB | None | 0 0
  1. <!-- คู่มือการแก้ไขโคด -->
  2. <!--
  3. ส่วนทั่วไป
  4. - ความกว้าง : width: 600px;
  5. - สีพื้นหลัง : --glassw-bg: #37271f;
  6. - สีแสง : --glassw-light: #6f412a;
  7. - สีขอบ : --glassw-bd: #181818;
  8. - ฟอนต์ภาษาไทย* : --glassw-fontth: 'Bai Jamjuree';
  9. - ฟอนต์ชื่อภาษาอังกฤษ* : --glassw-fonten: 'Cinzel';
  10. - สีหลัก : --glassw-color: #ff8c00;
  11. * อย่าลืมเอาลิงก์ฟอนต์มาด้วย
  12.  
  13. ส่วน Text มุมซ้ายบน [ถ้าไม่ต้องการใส่ให้ลบข้อความออก]
  14. - ขนาดฟอนต์ : --glassw-fontsize: 4rem;
  15. - ขยับซ้ายขวา (กรณีข้อความยาว) : --glassw-move: translateX(-25%);
  16.  - ซ้าย : ค่าลบ
  17.  - ขวา : ค่าบวก
  18. - สีฟอนต์บรรทัดที่ 1 : color: var(--glassw-color); (สีจะเป็นสีหลัก แต่ถ้าอยากใส่สีอื่นก็เปลี่ยน var(--glassw-color) เป็นโคดสีได้เลย)
  19. - ขนาดฟอนต์บรรทัดที่ 2 : font-size: 2rem;
  20.  
  21. ส่วนรูปภาพ
  22. - ภาพเฮด : --glassw-bgpic: url(--ลิงก์รูปภาพ--);
  23.  - ปรับตำแหน่ง : --glassw-pos: center;
  24.  - ปรับขนาด : --glassw-size: cover;
  25. - ภาพคน (class="glassw-person") : --glassw-pic: url(--ลิงก์รูปภาพ--);
  26.  - ปรับตำแหน่ง : --glassw-pos: 50% 0%; (แนะนำให้ปรับแค่ค่าแรก ลดเลขขยับซ้าย เพิ่มเลขขยับขวา)
  27.  - ปรับขนาด : --glassw-size: contain;
  28. - ภาพสัตว์ภูต : --glassw-pic: url(--ลิงก์รูปภาพ--);
  29.  - อยู่ทางซ้าย (class="glassw-animal left")
  30.  - อยู่ทางขวา (class="glassw-animal right")
  31.  - ปรับตำแหน่ง : --glassw-pos: 50% 100%; (แนะนำให้ปรับแค่ค่าแรก ลดเลขขยับซ้าย เพิ่มเลขขยับขวา)
  32.  - ปรับขนาด : --glassw-size: contain;
  33. ปล. ถ้าไม่อยากปรับเลขไปเรื่อย ๆ แนะนำให้ตัดรูปมาให้พร้อมเลย
  34.  
  35. ส่วนชื่อ
  36. - ขนาดฟอนต์ : --glassw-fontsize: 4rem;
  37. -->
  38.  
  39.  
  40. <link href="https://dl.dropbox.com/scl/fi/56ej3fai5d08t1pl0yfqa/glasswitch.css?rlkey=cv91tb6rk6ev0nz1t0tdke8jl&st=ilgrjlmb" rel="stylesheet">
  41. <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;">
  42. <div class="glassw-quote" style="--glassw-fontsize: 4rem;--glassw-move: translateX(-25%);">
  43. <div style="color: var(--glassw-color);">ข้อความ</div>
  44. <div style="font-size: 2rem;">ข้อความ</div></div>
  45. <div class="glassw-header" style="--glassw-bgpic: url(--ลิงก์รูปภาพ--);">
  46. <div class="glassw-person" style="--glassw-pic: url(--ลิงก์รูปภาพ--);--glassw-pos: 50% 0%;--glassw-size: contain;"></div>
  47. <div class="glassw-animal left" style="--glassw-pic: url(--ลิงก์รูปภาพ--);--glassw-pos: 50% 100%;--glassw-size: contain;"></div></div>
  48. <div class="glassw-title" style="--glassw-fontsize: 4rem;"><div>ชื่อต้น</div><div>นามสกุล</div></div>
  49. <div class="glassw-content">
  50. <p>--เนื้อหาโรลเพลย์--</p>
  51. <div class="glassw-ps">[b]หมายเหตุ[/b] --หมายเหตุ--</div>
  52. </div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement