[CAMP HALF-BLOOD STATUS 2026]
<style>@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600&display=swap');
/* พื้นหลังบอร์ดค่ายฮาล์ฟบลัด */
.chb-board-frame {
background: #fdf5e6; /* สีครีมเปลือกไข่ */
background-image: radial-gradient(#e67e22 0.5px, transparent 0.5px);
background-size: 15px 15px;
border: 10px double #5d4037; /* ขอบไม้เข้ม */
padding: 30px;
border-radius: 20px;
max-width: 1200px;
margin: 20px auto;
box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}
/* พื้นที่จัดวางกระทู้/แท่งคะแนน */
.scroll-container {
display: flex;
overflow-x: auto; /* เลื่อนดูได้ทั้ง 30 กระท่อม */
align-items: flex-end;
height: 450px;
padding: 30px 20px;
background: rgba(255, 255, 255, 0.4);
border-radius: 15px;
border-bottom: 6px solid #5d4037;
gap: 12px;
}
/* ตกแต่ง Scrollbar ให้สวยงาม */
.scroll-container::-webkit-scrollbar { height: 10px; }
.scroll-container::-webkit-scrollbar-thumb { background: #e67e22; border-radius: 5px; }
/* ตัวกระท่อมคะแนน */
.cabin-unit {
flex: 0 0 65px;
display: flex;
flex-direction: column;
align-items: center;
}
.cabin-pillar {
width: 40px;
/* ยืดตามตัวเลขคะแนนใน --pts */
height: calc(var(--pts) * 5px + 10px);
background: linear-gradient(to bottom, #e67e22, #d35400);
position: relative;
border: 2px solid #3e2723;
box-shadow: 3px 0 10px rgba(0,0,0,0.2);
}
/* หลังคากระท่อม */
.cabin-pillar::before {
content: "";
position: absolute;
top: -20px;
left: -7px;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 20px solid #3e2723;
}
/* สีพิเศษสำหรับกระทู้สำคัญ */
.cabin-big3 { background: linear-gradient(to bottom, #2c3e50, #000000) !important; }
.cabin-sea { background: linear-gradient(to bottom, #3498db, #2980b9) !important; }
</style>
<div class="chb-board-frame" align="center">
<font face="Kanit" color="#5d4037" size="6"><b>CAMP HALF-BLOOD STATUS</b></font><br>
<font face="Kanit" color="#e67e22" size="3"><i>"กระดานคะแนนเกียรติยศ 30 กระท่อมพัก"<br><br></i></font>
<div class="scroll-container">
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar cabin-big3" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 1</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 2</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar cabin-sea" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 3</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 4</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 5</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 6</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 7</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 8</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 9</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 10</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 11</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 12</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar cabin-big3" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 13</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 14</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 15</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 16</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 17</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 18</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 19</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 20</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 21</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 22</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 23</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 24</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 25</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 26</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 27</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>45</b></font><div class="cabin-pillar" style="--pts: 45;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 28</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 29</font></div>
<div class="cabin-unit"><font face="Kanit" color="#333" size="2"><b>0</b></font><div class="cabin-pillar" style="--pts: 0;"></div><font face="Kanit" color="#5d4037" size="1">กระท่อมที่ 30</font></div>
</div>
<br>
<font face="Kanit" color="#5d4037" size="2"><i>← เลื่อนแถบเพื่อดูทุกกระท่อมพัก · "ทุกการเริ่มต้นนำมาซึ่งเกียรติยศ" →</i></font>
</div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600&display=swap');
/* กรอบนอกสุดของแบบฟอร์ม */
.chb-form-wrapper {
background: #5d4037; /* สีไม้เข้ม */
padding: 15px;
border-radius: 10px;
box-shadow: 0 10px 20px rgba(0,0,0,0.3);
max-width: 650px;
margin: 20px auto;
}
/* พื้นหลังกระดาษด้านใน */
.chb-form-inner {
background: #fdf5e6; /* ขาวกระดาษนวล */
background-image: linear-gradient(rgba(230, 126, 34, 0.05) 1px, transparent 1px);
background-size: 100% 25px; /* ลายเส้นบรรทัด */
border: 2px solid #e67e22;
padding: 30px;
border-radius: 5px;
position: relative;
}
/* เส้นคั่นตกแต่ง */
.chb-divider {
border: 0;
height: 1px;
background-image: linear-gradient(to right, transparent, #e67e22, transparent);
margin: 20px 0;
}
/* ตกแต่งส่วนหัวฟอร์ม */
.chb-header-symbol {
width: 60px;
height: 60px;
border: 3px solid #e67e22;
border-radius: 50%;
margin: 0 auto 15px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
box-shadow: 0 0 10px rgba(230, 126, 34, 0.5);
}
</style>
<div class="chb-form-wrapper">
<div class="chb-form-inner">
<div class="chb-header-symbol">
<font face="Kanit" color="#e67e22" size="5"><b>Ω</b></font>
</div>
<div align="center">
<font face="Kanit" color="#5d4037" size="6"><b>CABIN REPORT FORM</b></font><br>
<font face="Kanit" color="#e67e22" size="3"><i>แบบฟอร์มรายงานป้ายเกียรติยศ - ค่ายฮาล์ฟบลัด</i></font>
</div>
<div class="chb-divider"></div>
<p>
<font size="3"><font face="Kanit" color="#e67e22" style=""><b style="">ชื่อ - นามสกุล :</b></font><br>
<font face="Kanit" color="#333333" style="">......................................................................................</font>
</font></p>
<p>
<font size="3"><font face="Kanit" color="#e67e22"><b>บุตร/ธิดาแห่งเทพ :</b></font><br>
<font face="Kanit" color="#333333">......................................................................................</font>
</font></p>
<p>
<font size="3"><font face="Kanit" color="#e67e22"><b>สังกัดกระท่อมที่ :</b></font>
<font face="Kanit" color="#5d4037"><b> [ .......... ] </b></font>
</font></p>
<p>
<font size="3"><font face="Kanit" color="#e67e22"><b>จำนวนป้ายเกียรติยศที่ส่ง :</b></font>
<font face="Kanit" color="#e67e22"><b> [ 0 ] </b></font>
<font face="Kanit" color="#5d4037">ป้าย </font></font><font color="#5d4037" face="Kanit" size="2"><i style="">(2 ป้ายเกียรติยศ ต่อ 1 คะแนน)</i></font></p>
<p>
<font face="Kanit" color="#e67e22" size="3"><b style="">ภารกิจที่ทำสำเร็จ :</b></font><br>
<font face="Kanit" color="#333333">......................................................................................</font>
</p><p><font face="Kanit" color="#333333"><br></font></p><p style="text-align: center;"><font face="Kanit" color="#333333" size="3"><i>ส่งแบบฟอร์มที่ห้องทำงานคุณไครอนผู้อำนวยการฝ่ายกิจกรรมค่าย</i></font></p>
<div class="chb-divider"></div>
<div align="right">
<font face="Kanit" color="#999999" size="1">
<i>* ข้อมูลนี้จะถูกส่งไปยังเรือนใหญ่ (Big House) เพื่ออัปเดตคะแนนรวม *</i><br>
<b>CAMP HALF-BLOOD : LONG ISLAND SOUND</b>
</font>
</div>
</div>
</div>
หน้า:
[1]