API tools faq
paste
Advertisement
Kelly-B9978

Under the Tree - โพสต์

Kelly-B9978
May 23rd, 2025 (edited)
168
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.46 KB | None | 0 0
raw download clone embed print report diff
  1. <!--
  2. [คู่มือการแก้ไขโคด]
  3. อัตราส่วนภาพ 4:5
  4.  
  5. ตำแหน่งภาพ : เพิ่ม --undert-pos: 50% 50%; ต่อท้ายลิงก์รูปที่ต้องการปรับ
  6. - เลขตัวแรกคือการขยับซ้าย - ขวา โดย 0% = ชิดซ้าย 100% = ชิดขวา
  7. - เลขตัวแรกคือการขยับขึ้น - ลง โดย 0% = ชิดบน 100% = ชิดล่าง
  8.  
  9. ขนาดภาพ : เพิ่ม --undert-size: cover; ต่อท้ายลิงก์รูปที่ต้องการปรับ
  10. - cover คือ ขยายเต็มพื้นที่
  11. - 100% คือ ขนาดเดิมของรูป
  12. - มากกว่า 100% คือ ขนาดใหญ่ขึ้น
  13. - น้อยกว่า 100% คือ ขนาดเล็กลง
  14. -->
  15.  
  16. <link href="https://dl.dropbox.com/scl/fi/pmd88qr718q4u49tfv6rb/underthetree.css?rlkey=b4ewn45oue5xq3mkm8xsxsdsd&st=66x0nmwy" rel="stylesheet">
  17. <div id="UnderTheTree"><a href="https://discord.com/users/625292873914515456/"></a><input type="radio" id="none" name="undert-data" checked /><input type="radio" id="obj1" name="undert-data" /><input type="radio" id="obj2" name="undert-data" /><input type="radio" id="obj3" name="undert-data" /><input type="radio" id="obj4" name="undert-data" /><label for="none" id="undert-thread" class="undert-box">
  18. <div class="undert-set"><div class="undert-logo"></div>
  19. <p>Hosted by: Finn Fletcher & Felix Aquaborne</p>
  20. <div class="undert-padding">
  21. <div class="undert-pic" style="--undert-pic: url(https://iili.io/3tXppSI.gif);"></div>
  22. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ali ua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipum
  23. <div class="undert-label-group">
  24. <label for="obj1">
  25. <div class="undert-label-pic" style="--undert-pic: url(--รูป 1--);"></div>
  26. <div class="undert-label-alt">Lorem Ipsum</div></label>
  27. <label for="obj2">
  28. <div class="undert-label-pic" style="--undert-pic: url(--รูป 2--);"></div>
  29. <div class="undert-label-alt">Lorem Ipsum</div></label>
  30. <label for="obj3">
  31. <div class="undert-label-pic" style="--undert-pic: url(--รูป 3--);"></div>
  32. <div class="undert-label-alt">Lorem Ipsum</div></label>
  33. <label for="obj4">
  34. <div class="undert-label-pic" style="--undert-pic: url(--รูป 4--);"></div>
  35. <div class="undert-label-alt">Lorem Ipsum</div></label></div>
  36. <div for="obj1" class="undert-data">--ข้อมูล 1--</div>
  37. <div for="obj2" class="undert-data">--ข้อมูล 2--</div>
  38. <div for="obj3" class="undert-data">--ข้อมูล 3--</div>
  39. <div for="obj4" class="undert-data">--ข้อมูล 4--</div>
  40. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ali ua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipum
  41. </div></div>
  42. <div class="undert-wax"></div><div class="undert-quill"></div>
  43. </label></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!