SHOW:
|
|
- or go back to the newest paste.
| 1 | <!-- | |
| 2 | [คู่มือการแก้ไขโคด] | |
| 3 | - | สีหลัก: --apt-primary: red; |
| 3 | + | เพิ่ม/ลดรูปภาพให้ copy/ลบ อันนี้ |
| 4 | <div class="klk-pic" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div> | |
| 5 | ||
| 6 | แก้จุดจำนวนรูปภาพที่ pic-amount="•••" เพิ่ม/ลบจุดได้เลย ใส่ได้มากสุด 10 จุด (มากกว่านั้นก็ได้แต่ 10 จุดกำลังดี) | |
| 7 | ใช้แฮชแท็ก ก๊อปอันนี้ <h>#แฮชแท็ก</h> | |
| 8 | ||
| 9 | ปรับตำแหน่งรูป เพิ่ม --apt-pos: 50% 50%; ต่อท้ายลิงก์รูป | |
| 10 | - ตัวแรก ขยับซ้ายขวา <50% ขยับไปทางขวา >50% ขยับไปทางซ้าย | |
| 11 | - ตัวหลัง ขยับขึ้นลง <50% ขยับไปข้างบน >50% ขยับไปข้างล่าง | |
| 12 | ||
| 13 | ปรับขนาดรูป เพิ่ม --apt-size: cover; ต่อท้ายลิงก์รูป | |
| 14 | - cover ขยายเต็มพื้นที่ | |
| 15 | - | หากนำไปใช้ข้างนอกที่ div class="apt-pic-2" ให้ลบ data="Riverside Heights" ออก |
| 15 | + | |
| 16 | - <100% กว้างน้อยกว่าพื้นที่ (ย่อรูป) | |
| 17 | - >100% กว้างมากกว่าพื้นที่ (ขยายรูป) | |
| 18 | --> | |
| 19 | - | <div id="Apartment"><a href="https://discord.com/users/625292873914515456/"></a><div id="apt-role" class="apt-box" style="--apt-primary: red;"> |
| 19 | + | |
| 20 | - | <div class="apt-head"> |
| 20 | + | |
| 21 | - | <div><i class="fa-solid fa-calendar"></i> --วันเวลา--</div> |
| 21 | + | <div id="Apartment"><a href="https://discord.com/users/625292873914515456/"></a><div id="klick-post" class="klk-box"> |
| 22 | - | <div><i class="fa-solid fa-location-dot"></i> --สถานที่--</div> |
| 22 | + | <div class="klk-pic-set" pic-amount="•••"><div class="klk-pic-gallery"> |
| 23 | - | <div><i class="fa-solid fa-phone fa-xs"></i> <i class="fa-solid fa-sliders fa-xs"></i> <i class="fa-solid fa-message fa-xs"></i> <i class="fa-solid fa-toggle-on fa-flip-horizontal fa-xl"></i></div></div><div class="apt-pic-grid"> |
| 23 | + | <div class="klk-pic" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div> |
| 24 | - | <div class="apt-pic-1" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div> |
| 24 | + | <div class="klk-pic" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div> |
| 25 | - | <div class="apt-pic-2" data="Riverside Heights" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div> |
| 25 | + | <div class="klk-pic" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div> |
| 26 | - | <div class="apt-pic-3" style="--apt-pic: url(--ลิงก์รูปภาพ--);"> |
| 26 | + | </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> |
| 27 | - | <div class="apt-room"><i class="fa-solid fa-key fa-rotate-90"></i> --ชั้น-- Floor, Room --เลขห้อง--</div></div></div> |
| 27 | + | <div class="klk-pfpic" style="--apt-pic: url(--ลิงก์รูปโปรไฟล์);"></div></div> |
| 28 | - | <div class="apt-info"> |
| 28 | + | <div class="klk-content"><div class="klk-userset"> |
| 29 | - | <div class="apt-pfpic" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div> |
| 29 | + | <div class="klk-user"><div>--ชื่อ username--</div><div>• now</div></div> |
| 30 | - | <div class="apt-nameset"> |
| 30 | + | <div class="klk-more"><i class="fa-solid fa-ellipsis-vertical"></i></div></div> |
| 31 | - | <div class="apt-name">--Name--</div> |
| 31 | + | <div class="klk-post">--เนื้อหาโพสต์-- <h>#แฮชแท็ก</h></div> |
| 32 | - | <div class="apt-desc">--ข้อความสั้น ๆ--</div> |
| 32 | + | <div class="klk-stat"> |
| 33 | - | <div class="apt-gear"><i class="fa-solid fa-gear fa-xs"></i></div></div></div> |
| 33 | + | <div><i class="fa-solid fa-heart"></i> --จำนวน like--</div> |
| 34 | - | <div class="apt-content"><div> |
| 34 | + | <div><i class="fa-solid fa-eye"></i> --จำนวน view--</div> |
| 35 | <div><i class="fa-solid fa-comment"></i> --จำนวน comment--</div> | |
| 36 | - | </div></div> |
| 36 | + | </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"> |
| 37 | - | <div class="apt-psset"><div class="apt-ps">[b]หมายเหตุ:[/b] --หมายเหตุ--</div> |
| 37 | + | |
| 38 | - | <div class="apt-send"><i class="fa-regular fa-paper-plane"></i></div></div></div></div> |
| 38 | + | </div></details></div> |
| 39 | </div></div></div> |
