โรลเพลย์สำราญรมย์

<!--คู่มือการใช้งาน
ธีมสีดำ ไม่ต้องแก้ไขอะไร
ธีมสีขาว ค้นหา black แล้วเปลี่ยนเป็น white

สีอื่น ๆ
    - แนะนำให้ใช้เป็น rgba(red, green, blue, opacity 0-1) เช่น rgba(0,0,0,0.5)
    - วิธีหา rgb ให้นำ #โค้ดสี ไปค้นหาใน google จะขึ้น rgb 3 ค่าแรกให้
    - ค่าที่ 4 เป็นค่าความเข้มจาง
        - 0 คือ จาง (ใส)
        - 1 คือ เข้ม (ทึบ)
สีพื้นหลัง : --srrrole-bgcolor: #โค้ดสี; (ความเข้ม 1 หรือใช้ #hex ได้เลย)
สีพื้นหลังจาง : --srrrole-bgcolor-tpr: #โค้ดสี; (ความเข้ม 0.2)
สีพื้นหลังโรลเพลย์ : --srrrole-box: #โค้ดสี; (ความเข้ม 0.7)
สีตัวอักษร : --srrrole-txtcolor: #โค้ดสี; (ความเข้ม 1 หรือใช้ #hex ได้เลย)
    - จะเป็นการแก้สีตัวอักษรทั้งหมด
    - ถ้าไม่อยากให้ส่วนชื่อเป็นสีเดียวกับเนื้อหาโรลให้เพิ่ม style="color: #โค้ดสี;" ต่อท้าย class="srrrolehead"
โลโก้กิจกรรม
    - พื้นหลังสีอ่อน : --srrrole-logo: var(--srrrole-white-logo);
    - พื้นหลังสีเข้ม : --srrrole-logo: var(--srrrole-black-logo);
ฟอนต์ : --srrrole-font: 'Bai Jamjuree';

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

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

<link href="https://dl.dropbox.com/scl/fi/jweugyvn035dnj0gu6e6l/srr-roleplay.css?rlkey=ieuncx53ydb7hfvy4wr98u102" rel="stylesheet">
<div id="sumranrom" style="--srrrole-bgcolor: var(--srrrole-black);--srrrole-bgcolor-tpr: var(--srrrole-black-tpr);--srrrole-box: var(--srrrole-black-box);--srrrole-txtcolor: var(--srrrole-black-txt);--srrrole-logo: var(--srrrole-black-logo);--srrrole-font: 'Bai Jamjuree';">
<div class="srrrolebg" style="--srrrole-bgpic: url(--ลิงก์รูปภาพพื้นหลัง--);"><br><br>
<div class="srrrolebox"><div class="srrrolehead">
<div class="srrrolepic" style="--srrrole-pic: url(--ลิงก์รูปตัวละคร--);--srrrole-pos: center;--srrrole-size: cover;"></div>
<div class="srrrolename"><div class="srrroleadd">@สถานที่</div>
--ชื่อตัวละคร--</div></div><br><hr>
<br>ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ

[b]คำพูดคำพูดคำพูดคำพูดคำพูด[/b]
<br><hr><br>หมายเหตุ</div>
<br><div class="srrrolelogo"></div></div></div>