Laura
โพสต์ 2025-4-15 17:37:18
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Example Box with Image and Text</title>
<style>
.blx-box {
margin: 0 auto;
max-width: 650px;
border-radius: 10px;
background: #fff;
color: #000;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.blx-box-text {
padding: 20px;
font-family: Arial, sans-serif;
}
.blx-box-image-box {
background: rgba(255, 255, 255, 0.5);
width: fit-content;
padding: 8px 20px;
border-radius: 100px;
}
.blx-box-image {
height: 150px;
padding: 20px;
border-radius: 10px 10px 0 0;
font-weight: bold;
font-size: 14px;
color: rgb(51, 51, 51);
}
.blx-box-image-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
margin-right: 12px;
}
.blx-box-image-container {
position: relative;
height: 250px;
background: url('https://i.imgur.com/qEmgk6F.png') center/cover no-repeat;
border-radius: 10px 10px 0 0;
-webkit-mask-image: -webkit-gradient(linear, center 30%, center 100%, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0.0)));
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}
.blx-box-image-container .blx-box-image-avatar {
position: absolute;
bottom: 10px;
left: 20px;
z-index: 10;
}
</style>
<div class="blx-box">
<div class="blx-box-image-container">
<div class="blx-box-image-avatar"><br></div>
</div>
<div class="blx-box-text">
<h2 style="text-align: right;"><font face="TH SarabunPSK" color="#2f4f4f" size="6">อัฒจันทร์</font></h2><div style="text-align: right;"><b><font color="#2f4f4f" face="TH SarabunPSK" size="5">คาบเรียนจิตวิญญาณเพอร์ซีอุส</font><span style="color: rgb(47, 79, 79); font-family: "TH SarabunPSK"; font-size: x-large;"> เวลา 10.30 น (แต่ราร่าไม่เรียนหรอก)</span></b></div><div><hr class="l"><br></div><div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">แสงแดดยามเช้าของค่ายฮาล์ฟบลัดอบอุ่นกำลังดี ลมเย็นปะทะใบหน้าเบาๆ กลิ่นดินจากสนามซ้อมจางๆ ลอยเข้าจมูก สร้างบรรยากาศของ “เช้าวันเรียนวิชาใหม่”</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">บริเวณอัฒจันทร์กลางสนาม มีนักเรียนกลุ่มหนึ่งนั่งรอการสอนวิชา “<b>จิตวิญญาณเพอร์ซีอุส</b>” ซึ่งเป็นวิชาขั้นสูงเฉพาะลูกครึ่งเทพที่ผ่านการฝึกระดับกลางมาแล้วเท่านั้น</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">ระดับนี้แล้ว แน่นอน ลอร์ร่าไม่ได้มีชื่อในคลาสนั้นอยู่แล้ว เอาอะไรไปมีเล่าเรียนไม่จบสักเทอมโถ่</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">แต่ไม่มีชื่อแล้วใครสนล่ะ...สนามมันทางผ่านไง! ใครๆ ก็เดินผ่านได้</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">ใดๆ บอกเลยว่าเช็คมาแล้ว คาบนี้คนสอนคือใคร มาไม่มีพลาดหรอกนะ</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">เด็กสาวร่างบางในเสื้อยืดลายตัวใหญ่กับกางเกงผ้ายืดขายาวสีเทา รองเท้าผ้าใบสบายๆ ผ่านสนามแบบ ไม่ได้แอบดูนะ แค่มองข้างๆ เฉยๆ มองเท่านั้น จริงๆ ไม่ได้จะสร้างเรื่องอะไรเลยนะ</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK"><font color="#2f4f4f">“ </font><b style=""><font color="#9932cc">ไหนดูซิ เขาเรียนกันยังไง </font></b><font color="#2f4f4f">" เธอพูดกับตัวเองเบาๆ</font></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">แต่สิ่งที่ปรากฏตรงกลางสนามคือ…</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">ร่างสูงโปร่งของชายหนุ่มคนหนึ่งในชุดฝึกดาบและโล่ เสื้อแขนยาวผ้าบางพับแขนขึ้นถึงข้อศอก เปียกเหงื่อบางๆ แนบแผ่นหลัง กางเกงลำลองที่เป็นแบบขาสั้น </font></div><div><span style="color: rgb(47, 79, 79); font-family: "TH SarabunPSK"; font-size: x-large;"><br></span></div><div><span style="color: rgb(47, 79, 79); font-family: "TH SarabunPSK"; font-size: x-large;">มันทำห้เห็นหุ่นฟิตพอดีไปหมด แบบมันดี ท่วงท่าการยืนถือดาบดูสงบแต่ทรงพลัง และผมสีดำขลับรวบเอาไว้แบบหลวมๆ ตัดกับแสงแดดยามเช้า ดูเล่นหูเล่นตาสุดๆ</span></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK"><font color="#2f4f4f">“ </font><b style=""><font color="#9932cc">โอ๊ยยย ตายๆ หุ่นดีเป็นบ้า</font></b><font color="#2f4f4f"> ” ลอร์ร่าร้องในใจ กรีดร้องเต็มเสียงไปเลย แต่อะไร พูดไม่ได้เก็บอาการไว้นะ!!</font></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">อีกฝ่ายถูกล้อจากเหล่านักเรียนที่เข้าเรียน เขาหยิบดาบไม้ขึ้นมาตีท่าทางช้าๆ ทำท่าทางให้ดู เเละพูดแต่เเน่นอนว่าตรงที่ลอร์ร่ายืนไม่ได้ยินหรอกนะ </font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">ส่วนตอนนี้ลอร์ร่าเหม่อมองอยู่นานจริงๆ มองคนสอนจนใจลอยไปไหนต่อไปแล้วไม่รู้ ดวงตาไม่กะพริบ สติไม่อยู่ที่เท้าแล้ว…</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">แต่อยู่ๆ เรื่องราวไม่คาดคิดก็เกิด มันก็นะ ต้องเกิดกับเเต่นังร่าอะหละ นักเรียนชายคนหนึ่งเงื้อหอกไม้ ขว้างไปผิดจังหวะ!</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">ทิศทางของหอก…พุ่งตรงมาทางลอร์ร่า มันก็นะ เเต่กับร่าไง!!</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">" </font><font size="5" face="TH SarabunPSK" color="#9932cc"><b>เห้ย!!! "</b></font><font size="5" face="TH SarabunPSK" color="#2f4f4f"> เสียงของผู้คนนักเรียนเเถวนั้นโหวกเวกกันสนั่น จนเรียกสติ</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">เธอที่ได้สติทันที แต่ก็ไม่ทันทำอะไร</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">ก็มีมือใครบางคนคว้าไหล่เธอไว้แล้วดึงเธอเข้าหาตัว</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">ตัวเธอหมุนไปชนกับแผงอกแข็งแรง กลิ่นเหงื่อผสมกลิ่นสบู่จางๆ ทำให้สมองเธอหยุดประมวลผล</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">ส่วนหอกไม้พุ่งผ่านไปแบบเฉียดวิกนิดเดียว... ไม่รอดก็เจ็บตัวอะบอกเลย</font></div></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><div><font size="5" face="TH SarabunPSK"><font color="#2f4f4f">" </font><b style=""><font color="#ff0000">เธอมาทำอะไรเเถวนี้</font></b><font color="#2f4f4f"> " </font></font><span style="color: rgb(47, 79, 79); font-family: "TH SarabunPSK"; font-size: x-large;">เสียงทุ้มต่ำกระซิบข้างหู</span></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">ลอร์ร่าเงยหน้าช้าๆ เห็นเป็น</font><span style="color: rgb(47, 79, 79); font-family: "TH SarabunPSK"; font-size: x-large;">ดวงตาสีฟ้าคมกริบคู่นั้น...กำลังมองมาที่เธอ </span><span style="color: rgb(47, 79, 79); font-family: "TH SarabunPSK"; font-size: x-large;">ระยะประชิดมาก มากจนเห็นลมหายใจ</span></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK"><font color="#2f4f4f">“</font><b style=""><font color="#9932cc">อะ...อะ...เอ่อ...ขอโทษค่ะ...คือ...ไม่ได้ตั้งใจ—คือไม่ได้ดูอะค่ะ… โอ๊ย คือไม่ ผ่าน ผ่านมา ใช่ค่ะ ผ่านเฉยๆ </font></b><font color="#2f4f4f">”</font></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">เธอพูดติดๆ ขัดๆ ทั้งตัวแข็ง แก้มร้อนขึ้นมาเฉยๆ แล้วใจเต้นแรงมาก ขอร้องเขาจะได้ยินไหมก่อน</font></div></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">เขานั้นขยับตัวเเละปล่อยมือจากตัวลอร์ร่าเล็กน้อย </font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font face="TH SarabunPSK" size="5"><font color="#2f4f4f">" </font><b style=""><font color="#ff0000">ต่อไปก็ระวังหน่อย เดินเร็วๆ</font></b><b><font color="#ff0000"> อย่าเหม่อลอยอีก</font></b> <font color="#2f4f4f">”</font></font></div><div><font face="TH SarabunPSK" size="5" color="#2f4f4f"><br></font></div><div><font color="#2f4f4f"><font face="TH SarabunPSK" size="5">เขาที่แอบดุงเล็กน้อย จรงๆก็ห่วงหละดูออก ใบหน้านิ่งเหมือนเดิม แต่แววตานั้น... </font><span style="font-family: "TH SarabunPSK"; font-size: x-large;">เหมือนสังเกตว่าเธอเขินอยู่แน่นอน!!</span></font></div><div><font face="TH SarabunPSK" size="5" color="#2f4f4f"><br></font></div><div><font face="TH SarabunPSK" size="5" style="color: rgb(47, 79, 79);">ลอร์ร่าพยักหน้าเร็วๆ </font><span style="font-family: "TH SarabunPSK"; font-size: x-large;"><font color="#2f4f4f">“</font><b style=""><font color="#9932cc"> ค่ะ เข้าใจแล้วค่ะ! จะไม่เดินอีกค่ะ! ไม่เดินเลยค่ะ! เดี๋ยวบินกลับก็ได้ค่ะ!</font></b><font color="#2f4f4f">”</font></span></div><div><font face="TH SarabunPSK" size="5" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">เธอพูดพลางโค้งนิดๆ แบบไม่รู้จะทำยังไง เเล้วอะไรนะ เมื่อกี้พูดอะไร บินกลับ เดี๋ยวราร่า เธอบิน โอ๊ย อยากจะเอามือทุบหัวพูดอะไรออกไปเล่า</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">เสียงหัวเราะเบาๆ จากกลุ่มนักเรียนด้านหลังดังขึ้นทันที พร้อมเสียงซุบซิบ</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK"><font color="#2f4f4f">" </font><b style=""><font color="#ff0000">แล้วไม่เป็นอะไรใชมั้ย </font></b><font color="#2f4f4f">" เขานั้นถามกับเด็กสาว</font></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK"><font color="#2f4f4f">" </font><b style=""><font color="#9932cc">ไม่ค่ะ โอเค ปกติค่ะ</font></b><font color="#2f4f4f"> "</font></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK"><font color="#2f4f4f">"</font><b style=""><font color="#9932cc"> ดีเเล้ว งันเดินกลับเองได้นะ เดินดีๆหละ ไม่ต้องบิน</font></b><font color="#2f4f4f"> "</font></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f">และเเน่นอนเขาล้อแล้ว ไม่น่าเลยยัยร่าเธอพลาดเขาก็ขยี้เสียด้วย บินอะไรของเธอ</font></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font size="5" face="TH SarabunPSK"><font color="#2f4f4f">" </font><b style=""><font color="#9932cc">กลับ ค่ะ กลับเองได้ เดี๋ยวเดินกลับเลยค่ะ ขอบคุณมากเลยนะคะ</font></b><font color="#2f4f4f"> " เธอโค้งหัวให้พร้อมิ่งเเจ้นออกไปทันที </font></font><span style="color: rgb(47, 79, 79); font-family: "TH SarabunPSK"; font-size: x-large;">หน้าตาเเดงไปหมดเเล้ว</span></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div><font face="TH SarabunPSK" size="5"><font color="#2f4f4f">"</font><b style=""><font color="#ff0000"> เอ้า แล้วมองอะไร ฝึกต่อสิ </font></b><font color="#2f4f4f">" หลังเดินออกมา เสียงของร่างสูงที่ดังอยู่ห่างๆ เธอเองก็แบบว่านะ หนีก่อนเธอหอบหายใจ ยกมือกุมหน้า ใบหน้าแดงก่ำ</font></font></div></div><div><font face="TH SarabunPSK" size="5"><font color="#2f4f4f"><br></font></font></div><div><font face="TH SarabunPSK" size="5"><font color="#2f4f4f">" </font><b style=""><font color="#9932cc">.....</font></b><font color="#2f4f4f"> " หัวใจจะวาย ตอนนี้เธอที่แบบมือไม้สั่นไปหมดเลย เธอทำตัวไม่ถูกด้วยซ้ำไป เขินไปหมด โอ๊ยเรื่องนี้ห้ามหลุดออกไปเด็ดขาดเลยนะ ไม่งันได้เป็นเรื่องอีกแน่ๆ เธอที่แบบ นิ่งไว้ </font></font></div><div><font face="TH SarabunPSK" size="5"><font color="#2f4f4f"><br></font></font></div><div><font face="TH SarabunPSK" size="5"><font color="#2f4f4f">ทุกอย่างปกติ ไม่มีอะไรนิ่งไว้ก่อน ไม่ต้องอะไร ทำตัวปกติ!!</font></font></div><div><font face="TH SarabunPSK" size="5" color="#2f4f4f"><br></font></div><div><hr class="l"></div><div style="text-align: center;"><font face="TH SarabunPSK" size="5" color="#2f4f4f"><b><br></b></font></div><div style="text-align: center;"><font face="TH SarabunPSK" size="5" color="#9932cc"><b style="">เพิ่มเติม</b></font></div><div><font face="TH SarabunPSK" size="5" color="#9932cc"><div style="text-align: center;"><b>ทุกครั้งที่ปฏิสัมพันธ์กับ NPC Lares SP TGC จะได้รับโบนัสความสนิทสนมเพิ่มขึ้น +10 (ผ้าคลุม)</b></div><div style="text-align: center;"><b>ทุกครั้งที่โรลเพลย์ลงท้ายด้วยเลขไบต์ 2 / 4 / 6 / 8 คู่สนทนาจะได้กลิ่นหอมบนตัวคุณ </b></div><div style="text-align: center;"><b> จะได้รับโบนัสพิเศษ +10 แต้ม (น้ำหอม)</b></div><div><br></div></font></div>
</div>
</div>