SHOW:
|
|
- or go back to the newest paste.
| 1 | <!-- | |
| 2 | [คู่มือการแก้ไขโคด] | |
| 3 | - | สีพื้นหลัง : --whitestone-bgcolor: #ddd5c8; |
| 3 | + | ตรงชื่อ ถ้าตัวอักษรซ้อนกัน สามารถใช้สเปซบาร์เพิ่มเว้นวรรคในการจัดตำแหน่งได้ |
| 4 | - | สีตัวอักษร : --whitestone-txt: #000; |
| 4 | + | ในส่วนของข้อความสถานที่และ Short Quote สามารถเคาะขึ้นบรรทัดใหม่ได้เลยเพื่อความสวยงาม |
| 5 | - | สีกล่องข้อความ : --whitestone-box: #d7cfc1; |
| 5 | + | |
| 6 | - | สีขอบ : --whitestone-border: #f8eede; |
| 6 | + | ปรับตำแหน่งภาพ : --whcard-pos: 50% 0%; |
| 7 | - เลขตัวแรกคือการขยับซ้าย - ขวา โดย 0% = ชิดซ้าย 100% = ชิดขวา | |
| 8 | - | ภาพพื้นหลังด้านบน : --whitestone-bg: url(https://iili.io/FuEgj2t.png); |
| 8 | + | - เลขตัวหลังคือการขยับขึ้น - ลง โดย 0% = ชิดบน 100% = ชิดล่าง |
| 9 | - | ปรับตำแหน่งภาพพื้นหลัง : --whitestone-pos: 50% 0%; |
| 9 | + | |
| 10 | ปรับขนาดภาพ : --whcard-size: 167.667%; | |
| 11 | - | - เลขตัวแรกคือการขยับขึ้น - ลง โดย 0% = ชิดบน 100% = ชิดล่าง |
| 11 | + | |
| 12 | - 100% คือ กว้างเท่า div | |
| 13 | - | ปรับขนาดภาพพื้นหลัง : --whitestone-size: 167.667%; |
| 13 | + | |
| 14 | - น้อยกว่า 100% คือ ขนาดเล็กลง | |
| 15 | --> | |
| 16 | ||
| 17 | <link href="https://savant777.github.io/zoecode/whitecard.css" rel="stylesheet"> | |
| 18 | <div id="WhiteCard"><a href="https://discord.com/users/625292873914515456/"></a><div class="whcard-box"> | |
| 19 | - | กรอบรูป 1 ขนาด 1200 x 605 |
| 19 | + | <div class="whcard-pic" style="--whcard-pic: url(--ลิงก์รูปภาพ--);"></div> |
| 20 | - | กรอบรูป 2 ขนาด 1200 x 410 |
| 20 | + | <div class="whcard-place"><div>สถานที่</div></div> |
| 21 | <div class="whcard-area"> | |
| 22 | <div class="whcard-quote"><div>Short Quote</div></div> | |
| 23 | - | <link href="https://savant777.github.io/zoecode/whitestone.css" rel="stylesheet"> |
| 23 | + | <div class="whcard-content">--เนื้อหาโรลเพลย์--</div> |
| 24 | - | <div id="WhiteStone"><a href="https://discord.com/users/625292873914515456/"></a><div class="whitestone-box" style="--whitestone-bgcolor: #ddd5c8;--whitestone-txt: #000;--whitestone-box: #d7cfc1;--whitestone-border: #f8eede;--whitestone-bg: url(https://iili.io/FuEgj2t.png);--whitestone-pos: 50% 0%;--whitestone-size: 167.667%;"> |
| 24 | + | <div class="whcard-name">Richter<br> Chasez</div> |
| 25 | - | <div class="whitestone-frame1" style="--whitestone-frame: url(https://iili.io/FuEiyk7.png);"></div> |
| 25 | + | <div class="whcard-ps">--หมายเหตุ--</div> |
| 26 | - | <h1 class="whitestone-h1">White Stone House</h1> |
| 26 | + | </div></div></div> |
