SHOW:
|
|
- or go back to the newest paste.
| 1 | <!-- | |
| 2 | [คู่มือการแก้ไขโคด] | |
| 3 | ตำแหน่งภาพ : เพิ่ม --olv-pos: 50% 50%; ต่อท้ายลิงก์รูปที่ต้องการปรับ | |
| 4 | - เลขตัวแรกคือการขยับซ้าย - ขวา โดย 0% = ชิดซ้าย 100% = ชิดขวา | |
| 5 | - เลขตัวแรกคือการขยับขึ้น - ลง โดย 0% = ชิดบน 100% = ชิดล่าง | |
| 6 | ||
| 7 | ขนาดภาพ : เพิ่ม --olv-size: cover; ต่อท้ายลิงก์รูปที่ต้องการปรับ | |
| 8 | - cover คือ ขยายเต็มพื้นที่ | |
| 9 | - 100% คือ ขนาดเดิมของรูป | |
| 10 | - มากกว่า 100% คือ ขนาดใหญ่ขึ้น | |
| 11 | - น้อยกว่า 100% คือ ขนาดเล็กลง | |
| 12 | --> | |
| 13 | ||
| 14 | <link href="https://savant777.github.io/zoecode/blossom3.css" rel="stylesheet"> | |
| 15 | - | <div id="Blossom3"><a href="https://discord.com/users/625292873914515456/"></a><div id="olive-thread" class="olive-box"> |
| 15 | + | <div id="Blossom3"><a href="https://discord.com/users/625292873914515456/"></a><div id="olive-role" class="olive-box"> |
| 16 | <div class="olive-leaf1"></div><div class="olive-leaf2"></div> | |
| 17 | <div class="olive-title">03 Blossom Rd.</div> | |
| 18 | - | <div class="olive-pic" style="--olv-pic: url(--ลิงก์รูปใหญ่--);"> |
| 18 | + | <div class="olive-pic" style="--olv-pic: url(--ลิงก์รูป--);"></div> |
| 19 | - | <div class="olive-pic-sm" style="--olv-pic: url(--ลิงก์รูปเล็ก--);"></div><!--ไม่เอารูปเล็กให้ลบบรรทัดนี้--> |
| 19 | + | <h1 class="olive-name">Josephine <br> Starling</h1> |
| 20 | - | <h1 class="olive-room">Living <br>room</h1></div> |
| 20 | + | |
| 21 | --เนื้อหาโรลเพลย์-- | |
| 22 | - | --คำบรรยายห้อง-- |
| 22 | + | <hr> |
| 23 | [b]หมายเหตุ[/b] หมายเหตุ | |
| 24 | </div> | |
| 25 | </div></div> | |
| 26 | ||
| 27 | <link href="https://savant777.github.io/zoecode/blossom3.css" rel="stylesheet"> | |
| 28 | <div id="Blossom3"><a href="https://discord.com/users/625292873914515456/"></a><div id="olive-role" class="olive-box"> | |
| 29 | <div class="olive-leaf1"></div><div class="olive-leaf2"></div> | |
| 30 | <div class="olive-title">03 Blossom Rd.</div> | |
| 31 | <div class="olive-pic" style="--olv-pic: url(--ลิงก์รูป--);"></div> | |
| 32 | <h1 class="olive-name">Bellanie <br> Avendell</h1> | |
| 33 | <div class="olive-content"> | |
| 34 | --เนื้อหาโรลเพลย์-- | |
| 35 | <hr> | |
| 36 | [b]หมายเหตุ[/b] หมายเหตุ | |
| 37 | </div> | |
| 38 | </div></div> | |
| 39 | ||
| 40 | <link href="https://savant777.github.io/zoecode/blossom3.css" rel="stylesheet"> | |
| 41 | <div id="Blossom3"><a href="https://discord.com/users/625292873914515456/"></a><div id="olive-role" class="olive-box"> | |
| 42 | <div class="olive-leaf1"></div><div class="olive-leaf2"></div> | |
| 43 | <div class="olive-title">03 Blossom Rd.</div> | |
| 44 | <div class="olive-pic" style="--olv-pic: url(https://i.pinimg.com/1200x/f2/79/41/f279413431dc6c8c8427d9bf11f1eae3.jpg);--olv-pos: 50% 40%;"></div> | |
| 45 | <h1 class="olive-name">Desdemona</h1> | |
| 46 | <div class="olive-content"> | |
| 47 | --เนื้อหาโรลเพลย์-- | |
| 48 | <hr> | |
| 49 | [b]หมายเหตุ[/b] หมายเหตุ | |
| 50 | </div> | |
| 51 | </div></div> |
