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

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

*ฟังก์ชัน 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="blspimg"><img src="--รูปที่ 1--"></div>
        <div class="blspimg"><img src="--รูปที่ 2--"></div>
        <div class="blspimg"><img src="--รูปที่ 3--"></div>
        <div class="blspimg"><img src="--รูปที่ 1--"></div></div>
     ออกให้หมด

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

<link href="https://dl.dropbox.com/scl/fi/1ajury4qrpunl9pdz347l/blossom1-private.css?rlkey=nslryzsd391w88dsor2lb5jco" rel="stylesheet">
<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;">
<input class="blsphide" id="blsroom" name="bls1" type="radio" checked>
<input class="blsphide" id="blsowner" name="bls1" type="radio">
<input class="blsphide" id="blsplan" name="bls1" type="radio">
<div class="blsplabels"><label id="blsroom-tab" for="blsroom">room</label>
<label id="blsowner-tab" for="blsowner">owner</label>
<label id="blsplan-tab" for="blsplan">plan</label></div>
<div class="blspflex"><div class="blspleft">
<div class="blspheader-res"><div class="blsproomname">XXX's Room</div>
<div class="blsproomflex"><div class="blspfloor">02</div><div class="blspowner">--ชื่อเจ้าของห้อง--</div></div></div>
<div class="blsppic"><div class="blsppic-wrap">
<div class="blspimg"><img src="--รูปที่ 1--"></div>
<div class="blspimg"><img src="--รูปที่ 2--"></div>
<div class="blspimg"><img src="--รูปที่ 3--"></div>
<div class="blspimg"><img src="--รูปที่ 1--"></div></div>
<div class="blsptag"><div class="blsplogo"></div><div class="blsphouse"></div></div>
</div></div>
<div class="blspright">
<div class="blspheader"><div class="blsproomname">XXX's Room</div>
<div class="blsproomflex"><div class="blspfloor">02</div><div class="blspowner">--ชื่อเจ้าของห้อง--</div></div></div>
<div class="blspdesc">
<div class="blspwarning">--คำเตือนคำเตือนคำเตือน--</div>
<div id="blsroom-content">--คำบรรยายห้อง--</div>
<div id="blsowner-content"><div class="blspownpic"></div>
<div class="blspowntxt"><div class="blspownname">--ชื่อเจ้าของห้อง--</div>
--คำอธิบายเพิ่มเติมเกี่ยวกับเจ้าของห้อง--
</div></div>
<div id="blsplan-content">[img]--รูปแปลนห้อง--[/img]</div></div>
</div></div></div></div>