Advertisement
Kelly-B9978

Blossom No.1 | ห้องส่วนตัว

Apr 1st, 2024 (edited)
3,331
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.18 KB | None | 0 0
  1. <!--คู่มือการใช้งาน
  2. สีพื้นหลัง/สีตัวอักษร tag ชื่อบ้าน (มุมซ้ายบนของรูป)/สีตัวอักษร tab ที่คลิกแล้ว : --bls-bg: #594e36;
  3. สีตัวอักษรหลัก/สีพื้นหลัง tag ชื่อบ้าน (มุมซ้ายบนของรูป) : --bls-txtcolor: #fbf5f3;
  4. สีขอบ/สีพื้นหลัง tab ที่คลิกแล้ว : --bls-bdcolor: #fbf5f3;
  5. สีรอง : --bls-subtxtcolor: #b29459;
  6. แสดง tag (มุมซ้ายบนของรูป) : --bls-show: block; ถ้ายังไม่มีรูปโลโก้ให้ใส่ --bls-show: none;
  7. รูปโลโก้บ้าน : --bls-logo: transparent; ถ้าต้องการใส่รูปให้แก้ไขเป็น --bls-logo: url(--ลิงก์รูปภาพ);
  8. ฟอนต์ภาษาไทย : --bls-fontth: 'Bai Jamjuree';
  9. ฟอนต์ภาษาอังกฤษ : --bls-fonten: 'Dosis';
  10. *ฟังก์ชัน Slideshow : --bls-animation: bls-slideshow3;
  11. **รูปห้อง : --bls-room: transparent;
  12. รูปเจ้าของห้อง : --bls-ownerpic: transparent; ถ้าต้องการใส่รูปให้แก้ไขเป็น --bls-ownerpic: url(--ลิงก์รูปภาพ);
  13.  
  14. *ฟังก์ชัน Slideshow จะโชว์รูปห้องในมุมต่าง ๆ ในค่าเริ่มต้นจะเป็นลูป 3 รูป
  15. - ถ้ามี 4 รูป
  16.   - ให้ใส่เป็น --bls-animation: bls-slideshow4;
  17.   - เพิ่ม <div class="blsimg"><img src="--รูปที่ 4--"></div> ต่อจากรูปที่ 3
  18. - ถ้ามี 3 รูป ไม่ต้องแก้ไขอะไร
  19. - ถ้ามี 2 รูป
  20.   - ให้ใส่เป็น --bls-animation: bls-slideshow2;
  21.   - ลบ <div class="blsimg"><img src="--รูปที่ 3--"></div> ออก
  22. - ถ้ามี 1 รูป
  23.   - ให้ลบ --bls-animation: bls-slideshow3; ทิ้ง
  24.   - ลบ <div class="blspic-wrap">
  25.        <div class="blspimg"><img src="--รูปที่ 1--"></div>
  26.        <div class="blspimg"><img src="--รูปที่ 2--"></div>
  27.        <div class="blspimg"><img src="--รูปที่ 3--"></div>
  28.        <div class="blspimg"><img src="--รูปที่ 1--"></div></div>
  29.     ออกให้หมด
  30.  
  31. **รูปห้อง สำหรับโชว์รูปเดียว ให้แก้ไข --bls-room: transparent; เป็น --bls-room: url(--ลิงก์รูปภาพ);
  32. -->
  33.  
  34. <link href="https://dl.dropbox.com/scl/fi/1ajury4qrpunl9pdz347l/blossom1-private.css?rlkey=nslryzsd391w88dsor2lb5jco" rel="stylesheet">
  35. <div id="zzzcode"><a href="https://discord.com/users/625292873914515456/" target="_blank"></a><div class="blspcontainer" style="--bls-bg: #594e36;--bls-txtcolor: #fbf5f3;--bls-bdcolor: #fbf5f3;--bls-subtxtcolor: #b29459;--bls-show: block;--bls-logo: transparent;--bls-fontth: 'Bai Jamjuree';--bls-fonten: 'Dosis';--bls-animation: bls-slideshow3;--bls-room: transparent;--bls-ownerpic: transparent;">
  36. <input class="blsphide" id="blsroom" name="bls1" type="radio" checked>
  37. <input class="blsphide" id="blsowner" name="bls1" type="radio">
  38. <input class="blsphide" id="blsplan" name="bls1" type="radio">
  39. <div class="blsplabels"><label id="blsroom-tab" for="blsroom">room</label>
  40. <label id="blsowner-tab" for="blsowner">owner</label>
  41. <label id="blsplan-tab" for="blsplan">plan</label></div>
  42. <div class="blspflex"><div class="blspleft">
  43. <div class="blspheader-res"><div class="blsproomname">XXX's Room</div>
  44. <div class="blsproomflex"><div class="blspfloor">02</div><div class="blspowner">--ชื่อเจ้าของห้อง--</div></div></div>
  45. <div class="blsppic"><div class="blsppic-wrap">
  46. <div class="blspimg"><img src="--รูปที่ 1--"></div>
  47. <div class="blspimg"><img src="--รูปที่ 2--"></div>
  48. <div class="blspimg"><img src="--รูปที่ 3--"></div>
  49. <div class="blspimg"><img src="--รูปที่ 1--"></div></div>
  50. <div class="blsptag"><div class="blsplogo"></div><div class="blsphouse"></div></div>
  51. </div></div>
  52. <div class="blspright">
  53. <div class="blspheader"><div class="blsproomname">XXX's Room</div>
  54. <div class="blsproomflex"><div class="blspfloor">02</div><div class="blspowner">--ชื่อเจ้าของห้อง--</div></div></div>
  55. <div class="blspdesc">
  56. <div class="blspwarning">--คำเตือนคำเตือนคำเตือน--</div>
  57. <div id="blsroom-content">--คำบรรยายห้อง--</div>
  58. <div id="blsowner-content"><div class="blspownpic"></div>
  59. <div class="blspowntxt"><div class="blspownname">--ชื่อเจ้าของห้อง--</div>
  60. --คำอธิบายเพิ่มเติมเกี่ยวกับเจ้าของห้อง--
  61. </div></div>
  62. <div id="blsplan-content">[img]--รูปแปลนห้อง--[/img]</div></div>
  63. </div></div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement