Advertisement
Kelly-B9978

Blossom No.1 | ห้องส่วนรวม

Mar 31st, 2024 (edited)
1,223
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.38 KB | None | 0 0
  1. <!--คู่มือการใช้งาน
  2. สีพื้นหลัง : --bls-bg: #594e36;
  3. สีตัวอักษร : --bls-txtcolor: #fbf5f3;
  4. สีขอบ : --bls-bdcolor: #fbf5f3;
  5. สีรอง : --bls-subtxtcolor: #b29459;
  6. รูปโลโก้บ้าน : --bls-logo: transparent; ถ้าต้องการใส่รูปให้แก้ไขเป็น --bls-logo: url(--ลิงก์รูปภาพ);
  7. ฟอนต์ภาษาไทย : --bls-fontth: 'Bai Jamjuree';
  8. ฟอนต์ภาษาอังกฤษ : --bls-fonten: 'Dosis';
  9. *ฟังก์ชัน Slideshow : --bls-animation: bls-slideshow3;
  10. **รูปห้อง : --bls-room: transparent;
  11.  
  12. *ฟังก์ชัน Slideshow จะโชว์รูปห้องในมุมต่าง ๆ ในค่าเริ่มต้นจะเป็นลูป 3 รูป
  13. - ถ้ามี 4 รูป
  14.   - ให้ใส่เป็น --bls-animation: bls-slideshow4;
  15.   - เพิ่ม <div class="blsimg"><img src="--รูปที่ 4--"></div> ต่อจากรูปที่ 3
  16. - ถ้ามี 3 รูป ไม่ต้องแก้ไขอะไร
  17. - ถ้ามี 2 รูป
  18.   - ให้ใส่เป็น --bls-animation: bls-slideshow2;
  19.   - ลบ <div class="blsimg"><img src="--รูปที่ 3--"></div> ออก
  20. - ถ้ามี 1 รูป
  21.   - ให้ลบ --bls-animation: bls-slideshow3; ทิ้ง
  22.   - ลบ <div class="blspic-wrap">
  23.        <div class="blsimg"><img src="--รูปที่ 1--"></div>
  24.        <div class="blsimg"><img src="--รูปที่ 2--"></div>
  25.        <div class="blsimg"><img src="--รูปที่ 3--"></div>
  26.        <div class="blsimg"><img src="--รูปที่ 1--"></div></div>
  27.     ออกให้หมด
  28.  
  29. **รูปห้อง สำหรับโชว์รูปเดียว ให้แก้ไข --bls-room: transparent; เป็น --bls-room: url(--ลิงก์รูปภาพ);
  30. -->
  31.  
  32. <link href="https://dl.dropbox.com/scl/fi/svf7clfpa65q3bmllqe37/blossom1.css?rlkey=cuao5yoy70b4jo8tu2feu34hx" rel="stylesheet">
  33. <div id="zzzcode"><a href="https://discord.com/users/625292873914515456/" target="_blank"></a><div class="blscontainer" style="--bls-bg: #594e36;--bls-txtcolor: #fbf5f3;--bls-bdcolor: #fbf5f3;--bls-subtxtcolor: #b29459;--bls-logo: transparent;--bls-fontth: 'Bai Jamjuree';--bls-fonten: 'Dosis';--bls-animation: bls-slideshow3;--bls-room: transparent;">
  34. <div class="blsleft"><div class="blsheader-res"><div class="blsfloor">01</div><div class="blshouse"></div></div>
  35. <div class="blspic"><div class="blspic-wrap">
  36. <div class="blsimg"><img src="--รูปที่ 1--"></div>
  37. <div class="blsimg"><img src="--รูปที่ 2--"></div>
  38. <div class="blsimg"><img src="--รูปที่ 3--"></div>
  39. <div class="blsimg"><img src="--รูปที่ 1--"></div></div></div></div>
  40. <div class="blsright">
  41. <div class="blsheader"><div class="blsfloor">01</div><div class="blshouse"></div></div>
  42. <div class="blsdesc">
  43. <div class="blsroom"><div class="blsroomflex"><div class="blsroomname">--ชื่อห้อง--</div><div class="blslogo"></div></div>
  44. <details><summary>Plan Details</summary><div class="blsplan"><img src="--รูปแปลนห้อง--"></div></details></div>
  45. --คำบรรยาย--
  46. </div></div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement