Life at Riverside Heights : โคดโพสต์ Klick

<!--
[คู่มือการแก้ไขโคด]
เพิ่ม/ลดรูปภาพให้ copy/ลบ อันนี้
<div class="klk-pic" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div>

แก้จุดจำนวนรูปภาพที่ pic-amount="•••" เพิ่ม/ลบจุดได้เลย ใส่ได้มากสุด 10 จุด (มากกว่านั้นก็ได้แต่ 10 จุดกำลังดี)
ใช้แฮชแท็ก ก๊อปอันนี้ <h>#แฮชแท็ก</h>

ปรับตำแหน่งรูป เพิ่ม --apt-pos: 50% 50%; ต่อท้ายลิงก์รูป
- ตัวแรก ขยับซ้ายขวา <50% ขยับไปทางขวา >50% ขยับไปทางซ้าย
- ตัวหลัง ขยับขึ้นลง <50% ขยับไปข้างบน >50% ขยับไปข้างล่าง

ปรับขนาดรูป เพิ่ม --apt-size: cover; ต่อท้ายลิงก์รูป
- cover ขยายเต็มพื้นที่
- 100% กว้างเท่าพื้นที่
- <100% กว้างน้อยกว่าพื้นที่ (ย่อรูป)
- >100% กว้างมากกว่าพื้นที่ (ขยายรูป)
-->

<link href="https://savant777.github.io/zoecode/apartment/apartment.css" rel="stylesheet">
<div id="Apartment"><a href="https://discord.com/users/625292873914515456/"></a><div id="klick-post" class="klk-box">
<div class="klk-pic-set" pic-amount="•••"><div class="klk-pic-gallery">
<div class="klk-pic" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div>
<div class="klk-pic" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div>
<div class="klk-pic" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div>
</div><div class="klk-btngroup"><div class="klk-btn"><i class="fa-solid fa-chevron-left"></i></div><label class="klk-btn"><input type="checkbox" /><i class="fa-regular fa-heart"></i><i class="fa-solid fa-heart"></i></label></div>
<div class="klk-pfpic" style="--apt-pic: url(--ลิงก์รูปโปรไฟล์);"></div></div>
<div class="klk-content"><div class="klk-userset">
<div class="klk-user"><div>--ชื่อ username--</div><div>• now</div></div>
<div class="klk-more"><i class="fa-solid fa-ellipsis-vertical"></i></div></div>
<div class="klk-post">--เนื้อหาโพสต์-- <h>#แฮชแท็ก</h></div>
<div class="klk-stat">
<div><i class="fa-solid fa-heart"></i> --จำนวน like--</div>
<div><i class="fa-solid fa-eye"></i> --จำนวน view--</div>
<div><i class="fa-solid fa-comment"></i> --จำนวน comment--</div>
</div><div class="klk-comment"><details><summary>View all comments <i class="fa-solid fa-angle-down fa-xs"></i></summary><div class="klk-role">
--เนื้อหาโรลเพลย์--
</div></details></div>
</div></div></div>