สมัครสำราญรมย์

<!--คู่มือการใช้งาน
ขนาด : width: 800px;
สีหลัก : --srrreg-main-color: #โค้ดสี;
สีปุ่มตอนเอาเม้าส์วาง : --srrreg-hover: #โค้ดสี;
สีขีดคั่นใต้หัวข้อ : --srrreg-topic-bd: #โค้ดสี;
รูปตัวละคร : --srrreg-pic: url(--ลิงก์รูปตัวละคร--);
รูปเพื่อน ๆ : --srrreg-fpic: url(--ลิงก์รูปภาพ--);

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

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

หากต้องการเพิ่ม/ลบกล่องเพื่อน

<div class="srrregfriend">
<div class="srrregfriend-pic" style="--srrreg-fpic: url(--ลิงก์รูปภาพ--);"></div>
<div class="srrregfriend-data">
<div class="srrregfriend-name">เพื่อน</div>
<div class="srrregfriend-desc">ชื่อจริงเพื่อน
- ความสัมพันธ์</div>
</div></div>

- เพิ่ม ให้ copy วางเพิ่มต่อจากคนสุดท้าย
- ลบ ให้ลบโค้ดออกไปได้เลย
-->

<link href="https://dl.dropbox.com/scl/fi/g1eeu4plf7j1qxpipo8l4/srr-reg.css?rlkey=1k10ve4om4wcgmdnrhkuuxb4s" rel="stylesheet">
<div id="zzzcode"><a href="https://discord.com/users/625292873914515456/" target="_blank"></a><div class="srrregbox" style="width: 800px;--srrreg-main-color: #โค้ดสี;--srrreg-hover: #โค้ดสี;--srrreg-topic-bd: #โค้ดสี;">
<div class="srrreghead">
<div class="srrreghead-pic" style="--srrreg-pic: url(--ลิงก์รูปตัวละคร--);"></div>
<div class="srrreghead-right">
<div class="srrreghead-name">--ชื่อเล่น--</div>
<div class="srrreghead-desc">--ชื่อจริงหรืออะไรก็ได้ที่อยากจะเขียน--
อำเภอสำราญรมย์ : สาด ส่ง สุข</div>
<a href="--ลิงก์รูปตัวละคร หรือ อัลบั้มรูปตัวละคร--" class="srrregbutton" target="_blank">Download Image</a>
</div></div>
<div class="srrregdivide">
<div class="srrregdivide-data">--ข้อมูล1--</div>
<div class="srrregdivide-data">--ข้อมูล2--</div>
<div class="srrregdivide-data">--ข้อมูล3--</div>
<div class="srrregdivide-data">--ข้อมูล4--</div>
</div>
<div class="srrregcontent">
<div class="srrregcontent-left">
<div class="srrregabout">
<div class="srrregtopic">About Me</div>
<div class="srrregdata">[b][color=#โค้ดสี]ชื่อ - สกุล :[/color][/b] xxxx
[b][color=#โค้ดสี]Name :[/color][/b] xxxx
[b][color=#โค้ดสี]ชื่อเล่น :[/color][/b] xxxx
[b][color=#โค้ดสี]อายุ :[/color][/b] xxxx
[b][color=#โค้ดสี]อาชีพ :[/color][/b] xxxx
[b][color=#โค้ดสี]วันเกิด :[/color][/b] xxxx
[b][color=#โค้ดสี]สัญชาติ / เชื้อชาติ :[/color][/b] xxxx
[b][color=#โค้ดสี]รสนิยมทางเพศ :[/color][/b] xxxx
[b][color=#โค้ดสี]ที่อยู่ :[/color][/b] xxxx
</div></div>
<div class="srrregappear">
<div class="srrregtopic">Appearance</div>
<div class="srrregdata"><p>xxxx</p></div>
<div class="srrregdata">[b][color=#โค้ดสี]เฟซเคลม :[/color][/b] xxxx</div>
</div></div>
<div class="srrregcontent-right">
<div class="srrregtopic">Relationships</div>
<div id="srrregscroll" class="srrregfriendbox">
<div class="srrregfriend">
<div class="srrregfriend-pic" style="--srrreg-fpic: url(--ลิงก์รูปภาพ--);"></div>
<div class="srrregfriend-data">
<div class="srrregfriend-name">เพื่อน1</div>
<div class="srrregfriend-desc">ชื่อจริงเพื่อน1
- ความสัมพันธ์</div>
</div></div>
<div class="srrregfriend">
<div class="srrregfriend-pic" style="--srrreg-fpic: url(--ลิงก์รูปภาพ--);"></div>
<div class="srrregfriend-data">
<div class="srrregfriend-name">เพื่อน2</div>
<div class="srrregfriend-desc">ชื่อจริงเพื่อน2
- ความสัมพันธ์</div>
</div></div>
<div class="srrregfriend">
<div class="srrregfriend-pic" style="--srrreg-fpic: url(--ลิงก์รูปภาพ--);"></div>
<div class="srrregfriend-data">
<div class="srrregfriend-name">เพื่อน3</div>
<div class="srrregfriend-desc">ชื่อจริงเพื่อน3
- ความสัมพันธ์</div>
</div></div>
<div class="srrregfriend">
<div class="srrregfriend-pic" style="--srrreg-fpic: url(--ลิงก์รูปภาพ--);"></div>
<div class="srrregfriend-data">
<div class="srrregfriend-name">เพื่อน4</div>
<div class="srrregfriend-desc">ชื่อจริงเพื่อน4
- ความสัมพันธ์</div>
</div></div>
<div class="srrregfriend">
<div class="srrregfriend-pic" style="--srrreg-fpic: url(--ลิงก์รูปภาพ--);"></div>
<div class="srrregfriend-data">
<div class="srrregfriend-name">เพื่อน5</div>
<div class="srrregfriend-desc">ชื่อจริงเพื่อน5
- ความสัมพันธ์</div>
</div></div>
</div></div></div>
<div class="srrregtopic">Background</div>
<div class="srrregdata"><p>xxxx ย่อหน้า 1</p>
<p>xxxx ย่อหน้า 2</p>
</div>
<div class="srrregtopic">Personalities</div>
<div class="srrregdata"><p>xxxx</p></div>
<div class="srrregtopic">Extras</div>
<div class="srrregdata">
[list]
[*]ข้อมูล1
[*]ข้อมูล2
[*]ข้อมูล3
[/list]
</div>
</div></div>