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

<!--คู่มือการใช้งาน
สีพื้นหลัง : --bls-bg: #594e36;
สีตัวอักษร : --bls-txtcolor: #fbf5f3;
สีขอบ : --bls-bdcolor: #fbf5f3;
สีรอง : --bls-subtxtcolor: #b29459;
รูปโลโก้บ้าน : --bls-logo: transparent; ถ้าต้องการใส่รูปให้แก้ไขเป็น --bls-logo: url(--ลิงก์รูปภาพ);
ฟอนต์ภาษาไทย : --bls-fontth: 'Bai Jamjuree';
ฟอนต์ภาษาอังกฤษ : --bls-fonten: 'Dosis';
*ฟังก์ชัน Slideshow : --bls-animation: bls-slideshow3;
**รูปห้อง : --bls-room: transparent;

*ฟังก์ชัน Slideshow จะโชว์รูปห้องในมุมต่าง ๆ ในค่าเริ่มต้นจะเป็นลูป 3 รูป
- ถ้ามี 4 รูป
   - ให้ใส่เป็น --bls-animation: bls-slideshow4;
   - เพิ่ม <div class="blsimg"><img src="--รูปที่ 4--"></div> ต่อจากรูปที่ 3
- ถ้ามี 3 รูป ไม่ต้องแก้ไขอะไร
- ถ้ามี 2 รูป
   - ให้ใส่เป็น --bls-animation: bls-slideshow2;
   - ลบ <div class="blsimg"><img src="--รูปที่ 3--"></div> ออก
- ถ้ามี 1 รูป
   - ให้ลบ --bls-animation: bls-slideshow3; ทิ้ง
   - ลบ <div class="blspic-wrap">
        <div class="blsimg"><img src="--รูปที่ 1--"></div>
        <div class="blsimg"><img src="--รูปที่ 2--"></div>
        <div class="blsimg"><img src="--รูปที่ 3--"></div>
        <div class="blsimg"><img src="--รูปที่ 1--"></div></div>
     ออกให้หมด

**รูปห้อง สำหรับโชว์รูปเดียว ให้แก้ไข --bls-room: transparent; เป็น --bls-room: url(--ลิงก์รูปภาพ);
-->

<link href="https://dl.dropbox.com/scl/fi/svf7clfpa65q3bmllqe37/blossom1.css?rlkey=cuao5yoy70b4jo8tu2feu34hx" rel="stylesheet">
<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;">
<div class="blsleft"><div class="blsheader-res"><div class="blsfloor">01</div><div class="blshouse"></div></div>
<div class="blspic"><div class="blspic-wrap">
<div class="blsimg"><img src="--รูปที่ 1--"></div>
<div class="blsimg"><img src="--รูปที่ 2--"></div>
<div class="blsimg"><img src="--รูปที่ 3--"></div>
<div class="blsimg"><img src="--รูปที่ 1--"></div></div></div></div>
<div class="blsright">
<div class="blsheader"><div class="blsfloor">01</div><div class="blshouse"></div></div>
<div class="blsdesc">
<div class="blsroom"><div class="blsroomflex"><div class="blsroomname">--ชื่อห้อง--</div><div class="blslogo"></div></div>
<details><summary>Plan Details</summary><div class="blsplan"><img src="--รูปแปลนห้อง--"></div></details></div>
--คำบรรยาย--
</div></div></div></div>