SHOW:
|
|
- or go back to the newest paste.
| 1 | <!-- | |
| 2 | [คู่มือการแก้ไขโคด] | |
| 3 | - | สีขอบ สีตัวอักษร : --undert-primary: #595641; |
| 3 | + | สีตัวอักษร : --gdgt-primary: #595641; |
| 4 | เปลี่ยนกระดาษ : --gdgt-bg: url(https://iili.io/KR7njcB.png); | |
| 5 | - | ตำแหน่งภาพ : เพิ่ม --undert-pos: 50% 50%; ต่อท้ายลิงก์รูปที่ต้องการปรับ |
| 5 | + | |
| 6 | *** ที่ class="gdgt-head" และ class="gdgt-body" จะมีการปรับตำแหน่งกระดาษเอาไว้ หากเปลี่ยนกระดาษแล้วสามารถลบ style ออกได้ | |
| 7 | - | - เลขตัวแรกคือการขยับขึ้น - ลง โดย 0% = ชิดบน 100% = ชิดล่าง |
| 7 | + | |
| 8 | ตำแหน่งภาพ : เพิ่ม --gdgt-pos: 50% 50%; ต่อท้ายลิงก์รูปที่ต้องการปรับ | |
| 9 | - | ขนาดภาพ : เพิ่ม --undert-size: cover; ต่อท้ายลิงก์รูปที่ต้องการปรับ |
| 9 | + | |
| 10 | - เลขตัวหลังคือการขยับขึ้น - ลง โดย 0% = ชิดบน 100% = ชิดล่าง | |
| 11 | ||
| 12 | ขนาดภาพ : เพิ่ม --gdgt-size: cover; ต่อท้ายลิงก์รูปที่ต้องการปรับ | |
| 13 | - cover คือ ขยายเต็มพื้นที่ | |
| 14 | - 100% คือ ขนาดเดิมของรูป | |
| 15 | - มากกว่า 100% คือ ขนาดใหญ่ขึ้น | |
| 16 | - | <link href="https://savant777.github.io/zoecode/underthetree.css" rel="stylesheet"> |
| 16 | + | |
| 17 | - | <div id="UnderTheTree"><a href="https://discord.com/users/625292873914515456/"></a><div id="undert-role" class="undert-box" style="--undert-primary: #595641;"> |
| 17 | + | |
| 18 | - | <div class="undert-set"> |
| 18 | + | |
| 19 | - | <div class="undert-head"> |
| 19 | + | <link href="https://savant777.github.io/zoecode/goldengather.css" rel="stylesheet"> |
| 20 | - | <div class="undert-text1">Under the Tree</div> |
| 20 | + | <div id="GoldenGather"><a href="https://discord.com/users/625292873914515456/"></a><div id="gdgt-role" class="gdgt-box" style="--gdgt-primary: #5f2802;--gdgt-bg: url(https://iili.io/KR7njcB.png);"> |
| 21 | - | <div class="undert-png" style="--undert-pic: url(https://iili.io/3tNLXBR.png);--undert-pos: center;--undert-size: contain;"></div> |
| 21 | + | <div class="gdgt-head" style="--gdgt-pos: top center;"> |
| 22 | - | <div class="undert-text2">Be my youth</div></div> |
| 22 | + | <div class="gdgt-flex"><div>Date : 00/00/00</div><div class="gdgt-pin"></div><div>The Golden Gather</div></div></div> |
| 23 | - | <div class="undert-pic-set"> |
| 23 | + | <div class="gdgt-pic" style="--gdgt-pic: url(--ลิงก์รูปภาพ--);"></div> |
| 24 | - | <div class="undert-pic-left"> |
| 24 | + | <div class="gdgt-body" style="--gdgt-pos: 50% max(-380px, -35vw);--gdgt-size: 100%;"> |
| 25 | - | <div class="undert-pic-top" style="--undert-pic: url(--รูปบนซ้าย--);"></div> |
| 25 | + | <div class="gdgt-content"> |
| 26 | - | <div class="undert-pic-bottom" style="--undert-pic: url(--รูปล่างซ้าย--);"></div></div> |
| 26 | + | <h1>--Display Name--</h1> |
| 27 | - | <div class="undert-pic-right"> |
| 27 | + | <div class="gdgt-music"><p>--ชื่อศิลปิน - ชื่อเพลง--</p></div> |
| 28 | - | <div class="undert-pic-top" style="--undert-pic: url(--รูปบนขวา--);"></div> |
| 28 | + | <div class="gdgt-role">เนื้อหาโรลเพลย์ |
| 29 | - | <div class="undert-pic-bottom" style="--undert-pic: url(--รูปล่างขวา--);"></div></div> |
| 29 | + | |
| 30 | - | </div> |
| 30 | + | [b]"คำพูด คำพูด คำพูด"[/b]</div> |
| 31 | - | <h1>--Name--</h1> |
| 31 | + | <hr> |
| 32 | - | เนื้อหาโรลเพลย์ |
| 32 | + | <div class="gdgt-ps">[b]หมายเหตุ[/b] หมายเหตุ</div> |
| 33 | - | <div class="undert-ps">[b]หมายเหตุ :[/b] หมายเหตุ</div> |
| 33 | + | </div></div></div></div> |
