DIONYSUS CABIN | ENTRANCE
<div>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Living Room</title>
<style>
body {
font-family: 'Pridi', 'Noto Sans Thai', sans-serif;
margin: 0;
padding: 0;
background-color: #f5e3cb;
overflow-x: hidden; /* ป้องกันการเลื่อนในแนวนอน */
}
#container {
width: 100%;
min-width: 500px;
margin: 0;
box-sizing: border-box;
position: relative;
}
#wrapper {
display: flex;
}
#image-section {
width: 100%;
height: 100vh;
background: url('https://i.imgur.com/nKDeZf1.jpeg') no-repeat center center;
background-size: cover;
position: relative;
}
#text-section {
width: 350px;
padding: 20px 20px 80px 20px;
margin-right: 40px;
color: #000;
text-shadow: -1px -1px 10px #f5e3cb;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(255, 255, 255, 0.7);
padding: 20px;
border-radius: 10px;
}
#title {
font-family: 'Cinzel Decorative', serif;
text-align: center;
font-size: 45px;
color: #856f6f;
}
#description {
font-family: 'Pridi', 'Noto Sans Thai', sans-serif;
font-size: 16px;
font-weight: 300;
text-align: justify;
margin-right: 20px;
color: #594646;
height: 200px;
overflow-y: auto;
padding-right: 10px;
}
#img-container {
height: 50px;
width: 50px;
margin: auto;
margin-top: -65px;
filter: drop-shadow(2px 3px 1px #333);
pointer-events: none;
}
#img-container img {
width: 100%;
}
</style>
<div id="container">
<div id="wrapper">
<div id="image-section">
<div id="text-section">
<div id="title">
<font size="6" color="#8B4513" face="Sarabun"><b>DIONYSUS CABIN</b></font>
</div>
<div id="description" style="text-align: left;">
<p style="line-height: 30px; text-indent: 2em;">
<span style="text-indent: 2em;">บ้านไม้กระท่อมหลังนี้ถูกออกแบบให้เป็น </span><b style="text-indent: 2em;">แคมป์ของค่าย</b><span style="text-indent: 2em;"> ที่ไม่กว้างมากนักแต่เปิดโล่ง ไว้สำหรับต้อนรับบุตรหรือบุตรีที่มีเชื้อสาย </span><b style="text-indent: 2em;">ไดโอนีซุส </b><span style="text-indent: 2em;">หรือผู้มาเยือน บรรยากาศที่ผสมผสานระหว่างความโบราณและความสดชื่นของธรรมชาติแวดล้อม </span>
</p>
<p style="line-height: 30px; text-indent: 2em;"></p>
<p style="line-height: 30px; text-indent: 2em;">โครงสร้างบ้าน เป็นการผสมผสานระหว่างกระท่อมไม้ดั้งเดิมและพื้นที่อย่างจำกัดแบบแคมป์ บ้านหลังนี้ไม่ได้มีผนังกั้นหลายห้อง แต่เปิดพื้นที่ให้เชื่อมต่อกันอย่างอิสระ ตั้งแต่ห้องนั่งเล่นใหญ่ที่มีมุมสำหรับการนั่งสบายๆ สำหรับจัดงานหรือสังสรร มุมโถงบูชา ที่มีรูปปั้น <b>ไดโอนีซุส</b> </p>
<p style="line-height: 30px; text-indent: 2em;">ด้านนอกระเบียงสำหรับการพักผ่อนและการเฉลิมฉลองร่วมกันในวงสังคมเล็กๆ หรือการสนทนากับธรรมชาติอย่างไม่เร่งรีบ ทั้งหมดนี้สร้างบรรยากาศที่เป็นมิตร เพื่อต้อนรับทั้งบุตรของ <b>ไดโอนีซุส</b> เองและเเขกผู้มาเยี่ยมเยือน</p>
<p style="line-height: 30px; text-indent: 2em;"></p>
</div>
</div>
</div>
</div>
<div id="img-container" style="text-align: center;"></div>
</div>
</div>
<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 size="5" color="#696969"> บ้านหมายเลข 12 - บ้านไดโอนีซุส</font></h2><div><br></div><div><font size="3">ไม่นานนักของต่างๆ ที่ลอร์ร่าขนมาก็หอบหิ้วมายังจุดหมาย เธอหยุดยืนหน้าบ้านของตัวเอง ที่นี้สินะ ที่เรียกว่าบ้านของตน เธอมองเเต่ด้านนอก สูดลมหายใจเข้าเเละออกก่อนจะเดินเข้าไปภายมรบ้านทันที</font></div><div><font size="3"><br></font></div><div><font size="3">" <font color="#9932cc">สวัสดีค้า ลอร์ร่าค้า</font> " เธอไม่ลืมจะเดินเข้าไปพร้อมเเนะนำตัวเสียหน่อย เด็กสาวมองไปรอบๆ ตอนี้บ้านเงียบเเละมืดมาก ไร้ซึ่งผู้คนไปหมด ดูน่าเหงาสุดๆ เมื่อเปิดประตูบ้านเข้าไป เจอเข้ากับบาร์เเบบยาว ที่เรียกได้ว่า.... อะไรกันเนี้ย มองไปรอบๆ จะมีการตกแต่งเเบบเรียบงานเป็นห้องรับเเขก มีโต๊ะ เเละมุมสำหรับการพักผ่อนและเล่นกันดูสนุกสนาน บ่งบอกได้น่าจะชัดมากๆ คือคนที่ทุกคนเรียกเธอว่าพ่อนั้น...น่าจะ <u><b><i>ขี้เมา </i></b></u>เอามากๆ </font></div><div><font size="3"><br></font></div><div><font size="3">จากรูป เเละบาร์ของเขานั้น เจ้าพ่อเลยก็ว่าได้ เด็กสาวยิ้มๆ เเบบนีี้ก็สนุกเลยสิ เธอวางของลง เดินสำรวจรอบบ้าน เธออยู่คนเดียวสินะ งันก็... เลือกเลย เด็กสาวยิ้มพร้อมกับการเดินวนไปมาเริ่มจัดเเจ้งห้องของตัวเองทันที</font></div><div><font size="3"><br></font></div><div><font size="3">เด็กสาวเลือกห้องพักของตัวเอง เป็นห้องด้านในมือหน้าต่างจะอยู่มุมหลังของบ้าน ดูไม่น่าจะวุ่นวายมาก มองเห็นวิวต้นไม้สวยงาม ขนาดห้องที่ไม่เล็กหรือใหญ่มาก พอดีกับตัวเธอเป็นเเบบเตียงเดี่ยว 1 เตียง</font></div><div><font size="3"><br></font></div><div><font size="3">" <b><font color="#9932cc">เอาห้องนี้หละนะ</font></b> " เธอบอกตัวเอง ของค่อยๆ จัดเเจงเข้าห้องพักตัวเอง</font></div><div><font size="3"><br></font></div><div><font size="3">การตกเเต่งของห้องต่างๆจะเรียบง่าย เป็นเหมือนบาร์ทั้งบ้านเลย ทุกมุมของบ้านเหมาะมากกับการจิบเครื่องดื่ม ทั้งโต๊ะทั้งมุมเล็กมุมน้อย วิวใดๆ การตกแต่งโทนเหลืองๆ ดูอบอุ่น จนบางทีก็รู้สึกว่ารูปปั่นนี้ เขาตั้งใจทำให้เป็นแบบนี้จริงๆหรือใครเเกล้งกันเเน่นะ</font></div><div><font size="3"><br></font></div><div><font size="3">เด็กสาวมองหน้าพ่อจริงๆ ตัวเองเเล้วได้เเต่ยิ้มเเห้งๆ จะพูดว่าพูดไม่ออกก้ไม่ติดนะ นี้เธอไม่ได้พ่อมาเลยสินะ (เเอบโชคดีชะมัดเลย) "<b><font color="#9932cc"> ชักอยากเห็นตัวจริงแล้วหละ</font></b> " เธอพูดออกมา ยืนกอดอกมองหน้ายกใหญ่ เเต่นึกอีกทีเขาบอกันว่า พ่อเธออยู่ที่นี้ใช่ไหมนะ เธอนึกเเต่ก็นั้นหละลองดูไหมหละ เด็กสาวยิ้มๆ </font></div><div><font size="3"><br></font></div><div><font size="3">"<b><font color="#9932cc"> อยากรู้ของเเบบนี้ต้องลองเเล้วไหมนะ</font></b> " เธอบอกกับตัวเองก่อนจะเดินตรงออกไปจากบ้านหลังจากการจัดเก็บข้าของเข้าบ้านไปเป็นที่เรียบร้อยเเล้ว โดยไม่ลืมจะเเอบติดขนมใดๆไปด้วย เเต่น่าเสียดายที่หาซื้อเครื่องดื่มไม่ทันเอาน้ำอัดลมไปก่อนนะ เเละก็เเอบมีเเกล้มด้วยมันฝรั่ง ขอบคบเคี้ยวเพลินๆ สักหน่อยแล้วกัน</font></div>
</div>
</div>
<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"><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div>
</div>
<div class="blx-box-text">
<h2 style="text-align: right;"><font size="5" face="TH SarabunPSK" color="#2f4f4f">DIONYSUS CABIN | ENTRANCE</font></h2><div style="text-align: right;"><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"><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></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" color="#2f4f4f">เธอเดินออกมานอกบ้านหมายเลข 12 แล้วถอนหายใจแรงเมื่อเห็นสภาพมันอีกครั้ง</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"><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><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"><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><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"><font color="#2f4f4f">" </font><b style=""><font color="#9932cc">บ้านจะพัง คนซ่อมก็ไม่มี พี่คริสไม่อยู่อีก เห้อ ทำไมกันนะ ผู้ชายบ้านนี้หายตลอดเลย</font></b><font color="#2f4f4f"> "</font></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 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"><font color="#2f4f4f">"</font><b style=""><font color="#9932cc"> ไหนๆ ก็ไหนๆแล้ว ..... </font></b><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><hr class="l"></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div style="text-align: center;"><font size="5" face="TH SarabunPSK" color="#2f4f4f"><b>ซ่อมแซมบ้าน 03 - ครบ 3 โรลรับ</b></font></div><div style="text-align: center;"><font color="#2f4f4f" face="TH SarabunPSK" size="5"><b>+12 ดรักม่า / +2 Point</b></font></div><div style="text-align: center;"><font color="#2f4f4f" face="TH SarabunPSK" size="5"><b><br></b></font></div><div style="text-align: center;"><font color="#2f4f4f" face="TH SarabunPSK" size="5"><b>เปลี่ยนน้ำเปล่าเป็นไวน์ 3 ขวด - 22 มีค</b></font></div>
</div>
</div>
<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"><font color="#2f4f4f"><br></font></div>
</div>
<div class="blx-box-text">
<h2 style="text-align: right;"><font size="5" face="TH SarabunPSK" color="#2f4f4f">DIONYSUS CABIN | ENTRANCE</font></h2><div style="text-align: right;"><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">ร่าเดินตัวปลิวกลับมาถึงบ้านหลังจากไปหาพ่อมาอย่างกระฉับกระเฉง แม้จะโดนพ่อแซะเรื่อง " <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"><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"><font color="#2f4f4f">" </font><b style=""><font color="#ff8c00">อ้าว กลับมาไวเชียวนะ ไหนๆ ไปแจกไวน์ให้พ่ออีกล่ะสิ?</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">ก็ใช่น่ะสิ รอบนี้หนะ ร่ายกไปให้พ่อตั้ง 2 ขวดแน่ะ</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"><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="#ff8c00"> หื้มมมม~ แล้วร่าเล่นอะไรล่ะ?</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="#ff8c00">โอ๊ะ จริงเหรอ ถ้าฉันเล่น ฉันได้บทอะไรล่ะนั่น?</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><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 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="#ff8c00">หมาป่า? </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="#ff8c00">ทั้งสามตัว?</font></b><font color="#2f4f4f"> " อีกฝ่ายเองถึงกับหลุดหัวเราะ " </font><b style=""><font color="#ff8c00">ร่าแน่ใจนะว่าจะไม่งงบทตัวเอง?</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="#ff8c00">อืม.... เเล้วทำไมฉันจะ ต้องเป็นหมาป่าล่ะ? </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="#ffa500"> ขนาดนั้นเลยเหรอ? </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="#ffa500">ไอเดียร่านี่... น่ารักดีนะ ยังไม่ได้ตัดสินใจอะไรตอนนี้หรอก แต่ก็ฟังไว้แล้วกันนะ</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" 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"><font color="#2f4f4f">" </font><b style=""><font color="#ff8c00">อืมม... เดี๋ยวพี่ถามพี่คริสให้ก็ได้ เผื่อเขากลับมาทัน จะได้ให้มาช่วยอะไรได้บ้าง</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" 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><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><hr class="l"></div><div><font size="5" face="TH SarabunPSK" color="#2f4f4f"><br></font></div><div style="text-align: right;"><font face="TH SarabunPSK" size="5" color="#800080"><b style=""><i style="">หมายเหตุ รอ NPC ตอบรับคำชวน</i></b></font></div><div style="text-align: right;"><font face="TH SarabunPSK" size="5" color="#800080"><i style=""><b>ซ่อมแซมบ้าน 04</b></i></font></div>
</div>
</div>
หน้า:
[1]