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://dl.dropbox.com/scl/fi/j05ok8um0jda9e1hb34su/blossom3.css?rlkey=vaksp9lwuwth3w96g9ziudjx8&st=zvtwfknt" 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://dl.dropbox.com/scl/fi/j05ok8um0jda9e1hb34su/blossom3.css?rlkey=vaksp9lwuwth3w96g9ziudjx8&st=zvtwfknt" 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://dl.dropbox.com/scl/fi/j05ok8um0jda9e1hb34su/blossom3.css?rlkey=vaksp9lwuwth3w96g9ziudjx8&st=zvtwfknt" 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> |