แบบฟอร์มสร้างสถานที่
หมวดหมู่ที่ตั้งสถานที่: Wolf House หุบเขาโซโนมา รัฐแคลิฟอเนียร์ สหรัฐอเมริกาชื่อสถานที่: [บ้านหมาป่า] ห้องนอนรวม
<meta charset="UTF-8">
<title>เอาไว้สร้างสถานที่</title>
<!-- ฟอนต์จาก Google -->
<link href="https://fonts.googleapis.com/css2?family=Niramit:wght@300;400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Charmonman:wght@400;700&display=swap" rel="stylesheet">
<style>
#box01 {
border: 0px double;
border-radius: 25px;
padding: 50px;
background-color: #3D2319;
background-image: radial-gradient(circle at top left, rgba(120,150,200,0.1), transparent 70%);
box-shadow:
0 0 20px rgba(138,173,255,0.4),
0 0 60px rgba(90,103,110,0.5),
inset 0 0 30px rgba(255, 255, 255, 0.03);
transition: box-shadow 0.4s ease-in-out;
}
body {
margin: 0;
padding: 30px;
background: url("https://img5.pic.in.th/file/secure-sv1/1618627152ac4567e4c871184a89b43f6bdbc9632fa8c-2UhdWc_fw658webp.md.png") no-repeat center center fixed;
background-size: cover;
font-family: 'Niramit', sans-serif;
}
.main-container {
max-width: 800px;
margin: auto;
background-color:#5b3e2a;
border-radius: 25px;
padding: 40px;
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
background-image: url('https://img2.pic.in.th/pic/3699784e2fdbc8ad8f533de7311c6d22c9b0544a1092dfc-FR5OPZ_fw658webp.md.png');
background-size: cover;
}
.glow-title {
font-family: 'Charmonman', cursive;
font-size: 48px;
font-weight: bold;
color: #ffffff;
text-align: center;
margin-bottom: 5px;
text-shadow:
0 0 5px #AD3628,
0 0 10px #AD3628,
0 0 15px #AD3628,
2px 2px 4px rgba(0, 0, 0, 0.3);
}
.glow-subtitle {
font-family: 'Charmonman', cursive;
font-size: 20px;
font-style: italic;
color: #ffffff;
text-align: center;
margin-bottom: 20px;
text-shadow:
0 0 3px #AD3628,
0 0 6px #AD3628;
}
.flower-divider {
background-image: url('https://img5.pic.in.th/file/secure-sv1/6ec9153fd4fe7a52be091ed5addf26e3ab8685358095c-TCegb0_fw658webp.md.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 200px;
margin-bottom: 30px;
}
.banner-image {
width: 100%;
border-radius: 15px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
margin-bottom: 30px;
}
.text-box {
background: #4a231d;
border-radius: 20px;
padding: 30px;
font-size: 18px;
color: #F0EAD6;
line-height: 1.9em;
box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
}
.text-box .title {
text-align: center;
font-size: 20px;
font-weight: bold;
color: #E8A03B;
margin-bottom: 10px;
}
.text-box .subtitle {
text-align: center;
font-size: 16px;
color: #DDC799;
margin-bottom: 20px;
}
.flex-boxes {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
margin-top: 40px;
margin-bottom: 30px;
}
.info-box {
flex: 1 1 300px;
max-width: 400px;
background-color: rgba(7, 17, 44, 0.92);
border-radius: 20px;
box-shadow: 0 0 15px rgba(0,0,0,0.3);
overflow: hidden;
color: #F0EAD6;
}
.info-box img {
width: 100%;
display: block;
border-bottom: 1px solid #ccc;
}
.info-box .content {
padding: 20px;
font-family: 'Niramit', sans-serif;
color: #F0EAD6;
}
.info-box .content .title {
font-size: 20px;
font-weight: bold;
color: #E8A03B;
text-align: center;
}
.info-box .content .subtitle {
font-size: 14px;
text-align: center;
color: #DDC799;
margin: 8px 0 16px;
}
</style>
<div align="center">
<div id="box01">
<div class="main-container">
<div class="glow-title"><img src="static/image/hrline/newbg25.png" border="0" alt=""><br></div><img src="static/image/hrline/4.png" border="0" alt=""><br><br><div class="glow-title"><font face="TH Baijam">ห้องนอนรวม (บ้านหมาป่า)</font></div><font face="JasmineUPC"><br>
</font><div class="glow-subtitle"><font face="JasmineUPC">{ บ้านหมาป่า หุบเขาโซโนมา รัฐแคลิฟอเนียร์ สหรัฐอเมริกา }</font></div>
<div class="flower-divider"></div>
<img class="banner-image" src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_v54mjev54mjev54m-1.md.png" alt="ภาพสถานที่">
<div class="text-box">
<div class="title"><font color="#ffffff">【 ห้องนอนรวม 】</font></div>
<div class="subtitle"><font color="#ffffff">「 </font>Dormi, sed noli oblivisci: Roma vigilat<font color="#ffffff"> 」</font></div><span id="docs-internal-guid-49a53e3b-7fff-7036-fcdd-90b15458b176"><font face="TH Niramit AS" size="5" style="" color="#ffffff"><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> ห้องนอนขนาดใหญ่ที่ถูกบรรจงสร้างขึ้นด้วยฝีมือแบบโรมันเก่าแก่แห่งนี้คือหนึ่งในห้องพักภายในบ้านหมาป่าสถานที่กลางหุบเขาโซโนมา ที่เหล่าผู้สืบสายเลือดจากเหล่าเทพเจ้าแห่งโรมันถูกนำตัวมาฝึกฝน และทดสอบความแข็งแกร่งจนถึงขีดสุดก่อนจะเดินทางไปยังค่ายจูปิเตอร์</span></p><p dir="ltr" style="margin: 0pt 0px; padding: 0px; overflow-wrap: break-word; text-align: left; line-height: 1.38;"><span id="docs-internal-guid-1b1cc525-7fff-1932-c603-3be7987bf267"><br></span></p></font><font face="TH Niramit AS" size="5" style="" color="#ffffff"><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> ภายในห้องอบอุ่นด้วยโทนไม้สลักลวดลายขนหมาป่าและดอกลอเรล มีเตียงไม้สองชั้นสองเตียงเรียงขนานคล้ายค่ายทหารยุคโบราณ ทุกเตียงปูด้วยผ้าห่มขนสัตว์เนื้อหนาและหมอนสีแดงทองเป็นสีแห่งชัยชนะและเกียรติภูมิ เหนือเตียงมีม่านหนาทึบสีเลือดหมาป่าให้ปิดเพื่อความเป็นส่วนตัวเมื่อพักผ่อนจากการฝึกอันหฤโหด โต๊ะไม้ใหญ่ตั้งอยู่ด้านหนึ่งให้นั่งทำงาน มีคบเพลิงและคบไฟเล็กตามผนังให้แสงสว่างพอเพียงในยามค่ำคืน</span></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br></span></p></font><font face="TH Niramit AS" size="5" style="" color="#ffffff"><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> ถังลูกธนูและหีบเก็บอาวุธบ่งบอกว่าที่นี่ไม่ใช่เพียงที่นอน แต่คือค่ายกลยุทธ์ของเหล่านักรบฝึกหัดผู้ครึ่งเทพ ภายในห้องมีตู้เสื้อผ้าที่แยกโซนไว้สำหรับเฉพาะคนแยกเป็นสัดส่วนอีกมุมของห้อง</span></p><p dir="ltr" style="text-align: center; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br><img src="static/image/hrline/4.png" border="0" alt=""><br></span></p></font></span></div>
<div class="flex-boxes">
<div class="info-box"><span style="background-color: initial; color: rgb(0, 0, 0);"></span></div></div></div></div></div>
แบบฟอร์มสร้างสถานที่
หมวดหมู่ที่ตั้งสถานที่: หุบเขาโซโนมา รัฐแคลิฟอเนียร์ สหรัฐอเมริกาชื่อสถานที่: [หุบเขาโซโนมา] หมู่บ้านทางตอนเหนือ ร้านวัตถุดิบของป้าเดอมัวส์ หรือ [หุบเขาโซโนมา] หมู่บ้านทางตอนเหนือ(ไม่แน่ใจว่าให้ตั้งชื่อว่าอะไร) แอดมินเลือกเองแล้วกันคับ 555+ เลือกอย่างใดอย่างหนึ่งนะแอดนะถ้าเป็น หมู่บ้านทางตอนเหนือ แอดแก้่ชื่อได้เลยแก้ง่ายผมทำเป็นช่อง ๆ ไว้ละ จิ้มพิมพ์แก้ก็ได้โค้ดไม่แตกหรอก
<meta charset="UTF-8">
<title>เอาไว้สร้างสถานที่</title>
<!-- ฟอนต์จาก Google -->
<link href="https://fonts.googleapis.com/css2?family=Niramit:wght@300;400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Charmonman:wght@400;700&display=swap" rel="stylesheet">
<style>
#box01 {
border: 0px double;
border-radius: 25px;
padding: 50px;
background-color: #FFC6CC;
background-image: radial-gradient(circle at top left, rgba(120,150,200,0.1), transparent 70%);
box-shadow:
0 0 20px rgba(138,173,255,0.4),
0 0 60px rgba(90,103,110,0.5),
inset 0 0 30px rgba(255, 255, 255, 0.03);
transition: box-shadow 0.4s ease-in-out;
}
body {
margin: 0;
padding: 30px;
background: url("https://img5.pic.in.th/file/secure-sv1/45ea34679e0094f3632a0fc08eb2287c.md.jpg") no-repeat center center fixed;
background-size: cover;
font-family: 'Niramit', sans-serif;
}
.main-container {
max-width: 800px;
margin: auto;
background-color:#FFF3F3;
border-radius: 25px;
padding: 40px;
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
background-image: url('https://img2.pic.in.th/pic/8073f02a1fa99b7132d59ba6f0ad43c3dd277759dbc1a-3USBpq_fw658webp.md.png');
background-size: cover;
}
.glow-title {
font-family: 'Charmonman', cursive;
font-size: 48px;
font-weight: bold;
color: #ffffff;
text-align: center;
margin-bottom: 5px;
text-shadow:
0 0 5px #AD3628,
0 0 10px #AD3628,
0 0 15px #AD3628,
2px 2px 4px rgba(0, 0, 0, 0.3);
}
.glow-subtitle {
font-family: 'Charmonman', cursive;
font-size: 20px;
font-style: italic;
color: #ffffff;
text-align: center;
margin-bottom: 20px;
text-shadow:
0 0 3px #AD3628,
0 0 6px #AD3628;
}
.flower-divider {
background-image: url('https://img2.pic.in.th/pic/8b47344965504f82f7d939b8c96f915908d89723d45a-X9fbUK_fw658webp.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 200px;
margin-bottom: 30px;
}
.banner-image {
width: 100%;
border-radius: 15px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
margin-bottom: 30px;
}
.text-box {
background: #FFD8D9;
border-radius: 20px;
padding: 30px;
font-size: 18px;
color: #F0EAD6;
line-height: 1.9em;
box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
}
.text-box .title {
text-align: center;
font-size: 20px;
font-weight: bold;
color: #E8A03B;
margin-bottom: 10px;
}
.text-box .subtitle {
text-align: center;
font-size: 16px;
color: #DDC799;
margin-bottom: 20px;
}
.flex-boxes {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
margin-top: 40px;
margin-bottom: 30px;
}
.info-box {
flex: 1 1 300px;
max-width: 400px;
background-color: rgba(7, 17, 44, 0.92);
border-radius: 20px;
box-shadow: 0 0 15px rgba(0,0,0,0.3);
overflow: hidden;
color: #F0EAD6;
}
.info-box img {
width: 100%;
display: block;
border-bottom: 1px solid #ccc;
}
.info-box .content {
padding: 20px;
font-family: 'Niramit', sans-serif;
color: #F0EAD6;
}
.info-box .content .title {
font-size: 20px;
font-weight: bold;
color: #E8A03B;
text-align: center;
}
.info-box .content .subtitle {
font-size: 14px;
text-align: center;
color: #DDC799;
margin: 8px 0 16px;
}
</style>
<div align="center">
<div id="box01">
<div class="main-container">
<div class="glow-title"><img src="static/image/hrline/newbg25.png" border="0" alt=""><br></div><img src="static/image/hrline/18.png" border="0" alt=""><br><br><br><div class="glow-title"><font face="TH Charmonman">ร้านวัตถุดิบของป้าเดอมัวส์</font></div><font face="JasmineUPC"><br>
</font><div class="glow-subtitle"><font face="JasmineUPC">{ หมู่บ้านตอนเหนือ หุบเขาโซโนมา รัฐแคลิฟอเนียร์ สหรัฐอเมริกา }</font></div>
<div class="flower-divider"></div>
<img class="banner-image" src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_qrgpg0qrgpg0qrgp.md.png" alt="ภาพสถานที่">
<div class="text-box">
<div class="title"><font color="#a0522d">【 ร้านวัตถุดิบของป้าเดอมัวส์ 】</font></div>
<div class="subtitle"><font color="#8b0000">「 วันนี้อยากกินอะไรดีล่ะ? 」</font></div><span id="docs-internal-guid-49a53e3b-7fff-7036-fcdd-90b15458b176"><font color="#000000"><font size="5" style="" face="TH SarabunPSK"><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> ท่ามกลางทิวเขาเขียวชอุ่มของหุบเขาโซโนมา รัฐแคลิฟอร์เนีย มีหมู่บ้านเล็ก ๆ ทางตอนเหนือที่อบอวลไปด้วยกลิ่นดอกไม้สดใหม่และแสงแดดยามสายอุ่นสบาย ที่สุดปลายทางของถนนโรยกรวดสายเล็ก ๆ ตัดผ่านแปลงดอกไม้หลากสีคึกคัก นำทางสู่กระท่อมสีครีมหลังคากระเบื้องดินเผาอบอุ่นใจ นั่นคือ “Auntie Demois’s Ingredient Shop” หรือที่รู้จักกันในหมู่เดมิก็อดแห่งบ้านหมาป่าว่า “ร้านวัตถุดิบของป้าเดอมัวส์”</span></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span id="docs-internal-guid-694bb7be-7fff-9f1a-310b-684ee89ca706"><br></span></p></font><font size="5" style="" face="TH SarabunPSK"><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> ร้านนี้ไม่ใหญ่โตหรูหรา แต่กลับเป็นหัวใจของการกินดีอยู่ดีของเหล่าลูกครึ่งเทพทั้งหลายที่พำนักอยู่ในหุบเขา ตั้งแต่เด็กฝึกฝนพลังใหม่ยันนักรบผู้คร่ำหวอด ต่างเคยแวะเวียนมาหาซื้อข้าวของจำเป็นจากร้านนี้ ตั้งแต่สมุนไพรสด ซอสลับ น้ำมันมะกอกจากสวนข้างหลัง ไปจนถึงผลไม้และผักสดที่ป้าเดอมัวส์เลือกเองกับมือทุกเช้า มีแม้กระทั่งวัตถุดิบหายากที่ใช้ในการทำอาหารพลังงานสูงไว้บำรุงหลังการฝึกหนักหรือออกศึก มีรถบรรทุกสีเขียวหน้าร้านที่จอดแน่นิ่งใต้ต้นไม้บ่งบอกถึงการขนของส่งเข้าเมือง</span></p></font></font><font size="5" style=""><p dir="ltr" style="text-align: center; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="color: rgb(255, 255, 255); background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br><img src="static/image/hrline/18.png" border="0" alt=""><br></span></p></font></span></div>
<div class="flex-boxes">
<div class="info-box"><span style="background-color: initial; color: rgb(0, 0, 0);"></span></div></div></div></div></div>
แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-9-8 06:03
เทวสถานเซเรส
<div align="center" style="list-style-type: none;">
<style>
#boxsystems01 {
border-radius: 0px;
border: 5px double #f7ddaa;
padding: 3px;
box-shadow: #f7ddaa 0px 0px 3em;
background-attachment:fixed;
background-image: url("https://img5.pic.in.th/file/secure-sv1/DeWatermark.ai_1757230893186.jpeg");}
</style>
<style>
#boxsystems02 {
width: 800px;
border-radius: 0px;
border: 2px dotted #f7ddaa;
padding: 50px;
box-shadow: #bcdbda 0px 0px 50px;
background-image: url("https://img2.pic.in.th/pic/444444555.png");}
</style>
<style>
#boxsystems03 {
width: 520px;
border-radius: 20px;
border: 6px double #11a263;
padding: 3px;
box-shadow: #bbe9ff 0px 0px 3em;
background-image: url(" ");}
</style>
<style>
.shadow {
text-shadow: 1px 1px 5px #f9beb3;
}
</style>
<div id="boxsystems01">
<p><br></p><p><br></p><p><br></p>
<div id="boxsystems02">
<p><span style="font-family: Georgia;"><font style="" color="#ceb565" size="2"><br></font></span></p><p><font face="Georgia" size="7" color="#5d6d25"><span class="shadow" style="">Ceres's Shrine</span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font size="2" face="Sarabun"><br><font color="#eb8f9a">⋘ เทวสถานเซเรส ⋙</font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img5.pic.in.th/file/secure-sv1/image-removebg-preview---2025-09-07T143857.956.png" width="500" _height="60" border="0"><font face="Sarabun" size="3"><br><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://i.imgur.com/DiwNJ8r.png" width="512" _height="512" border="0"></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img5.pic.in.th/file/secure-sv1/image-removebg-preview---2025-09-07T143857.956.png" width="500" _height="60" border="0"><font face="Sarabun" size="3"><br><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><br></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="4"><span style="white-space-collapse: preserve;"><b><font color="#5d6d25"><span class="shadow" style="">เทวสถานเซเรส</span></font>
</b></span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"></p><div style="text-align: left;"><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;"> ตั้งอยู่บนยอดเนินเทมเพิล เป็นศูนย์กลางแห่งศรัทธาของเหล่าบุตรธิดาแห่งเซเรสและดีมีเทอร์ ซึ่งเป็นเทพีแห่งการเกษตรและความอุดมสมบูรณ์ ตัวอาคารสร้างขึ้นจากหินอ่อนสีขาวนวล ประดับด้วยรูปแกะสลักพวงข้าวสาลีและผลไม้ที่ดูมีชีวิตชีวา และมีน้ำพุศักดิ์สิทธิ์ที่ผุดขึ้นจากใจกลางลานภายในเทวสถาน</span></div><font face="Sarabun" size="3"><div style="text-align: left;"><span style="white-space-collapse: preserve;"><br></span></div><div style="white-space-collapse: preserve; text-align: left;"> ที่นี่มิใช่เพียงสถานที่สักการะบูชา แต่เป็นศูนย์รวมจิตวิญญาณของธรรมชาติ ที่เต็มไปด้วยกลิ่นหอมของพืชพรรณนานาชนิดและพลังงานแห่งการเติบโต เมื่อยืนอยู่ภายในเทวสถาน ผู้คนจะสัมผัสได้ถึงความสงบและร่มเย็น ราวกับได้รับการโอบกอดจากพระแม่ธรณี</div><div style="text-align: left;"><span style="white-space-collapse: preserve;"><br></span></div><span style="white-space-collapse: preserve;"><div style="text-align: left;"> เทวสถานเซเรสจึงเป็นสัญลักษณ์ของความมั่งคั่งและชีวิตที่ไม่สิ้นสุด เป็นสถานที่ที่เหล่าลูกครึ่งเทพจะใช้ในการทำสมาธิ, บำเพ็ญเพียร, และฝึกฝนพลังอันละเอียดอ่อนของพวกเขาเพื่อรักษาและปกป้องธรรมชาติ</div><div style="text-align: center;"><img src="https://img5.pic.in.th/file/secure-sv1/image-removebg-preview---2025-09-07T162022.622.png" width="500" _height="500" border="0"></div></span></font><p><font color="#fff" style="">
<font color="#fff" style="">
</font>
</font></p><font color="#fff" style="">
</font></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><br><br><br></font></font></font></font></div></div><font color="#fff" style="">
<style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/DeWatermark.ai_1757230893186.jpeg"); background-attachment:fixed; }</style>
<style name="captain" type="text/css">
img:hover{
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
img:hover{
overflow:hidden;
}
img{
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}
</style>
<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px;}
::-webkit-scrollbar-track-piece:decrement{ background:#bcdbda!important; }
::-webkit-scrollbar-track-piece:increment { background:#bcdbda!important; }
::-webkit-scrollbar-button{ background:#bcdbda!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background: #f8c59e!important; border-top:5px solid #f28150; border-bottom:5px solid #f28150; }
::-webkit-scrollbar-thumb:hover{ background:#d25e4c!important; border-top:5px solid #eb9299;border-bottom:5px solid #eb9299; }</style>
<style name="captain" type="text/css">
a.navvi{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin:1px;
display:inline-block;
text-align:center;
background: #fff;
color:#7c6652;
width:75px;
padding:2px;
overflow: hidden; }
a.navvi:hover{
color: #fff;
background: #fff;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;}
#h1{padding:2px;background: #fff;width:380px; position:fixed;}</style>
</font>
แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-9-8 14:46
เทวสถานอะพอลโล่
<div align="center" style="list-style-type: none;">
<style>
#boxsystems01 {
border-radius: 0px;
border: 5px double #f7ddaa;
padding: 3px;
box-shadow: #f7ddaa 0px 0px 3em;
background-attachment:fixed;
background-image: url("https://img2.pic.in.th/pic/4588.png");}
</style>
<style>
#boxsystems02 {
width: 800px;
border-radius: 0px;
border: 2px dotted #f7ddaa;
padding: 50px;
box-shadow: #f6ead3 0px 0px 20px;
background-image: url("https://img2.pic.in.th/pic/444444555.png");}
</style>
<style>
#boxsystems03 {
width: 520px;
border-radius: 20px;
border: 6px double #11a263;
padding: 3px;
box-shadow: #bbe9ff 0px 0px 3em;
background-image: url(" ");}
</style>
<style>
.shadow {
text-shadow: 1px 1px 5px #e3c993;
}
</style>
<div id="boxsystems01">
<p><br></p><p><br></p><p><br></p>
<div id="boxsystems02">
<p><span style="font-family: Georgia;"><font style="" color="#ceb565" size="2"><br></font></span></p><p><font face="Georgia" size="7" color="#95601a"><span class="shadow" style="">Apollo's Shrine</span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font size="2" face="Sarabun"><br><font color="#ab8c5c">⋘ เทวสถานอะพอลโล่ ⋙</font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img5.pic.in.th/file/secure-sv1/tumblr_3444cafa4802da5bf04c5af31d45a455_c0acea55_2048.png" width="512" _height="60" border="0"><font face="Sarabun" size="3"><br><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://i.imgur.com/cgxB4Do.png" width="512" _height="512" border="0"></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img5.pic.in.th/file/secure-sv1/tumblr_3444cafa4802da5bf04c5af31d45a455_c0acea55_2048.png" width="512" _height="60" border="0"><font face="Sarabun" size="3"><br><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><br></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><font size="5"><span class="shadow" style=""><font color="#95601a">เทวสถานอะพอลโล่</font></span>
</font><font size="4">
</font></b></span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"></p><div style="text-align: left;"><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;"> </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">ตั้งตระหง่านบนยอดเนินเทมเพิล ไม่ห่างจากวิหารไดอาน่าซึ่งเป็นเทพีคู่แฝด ตัวอาคารสร้างขึ้นจากหินอ่อนสีขาวบริสุทธิ์และทองคำที่เปล่งประกายระยิบระยับ ประตูทางเข้าแกะสลักเป็นรูปดวงอาทิตย์ที่กำลังขึ้น พร้อมกับคำพยากรณ์ที่สลักไว้บนผนัง ที่นี่ไม่ใช่เพียงแค่สถานที่ศักการะบูชา แต่เป็น<b><font color="#ab8c5c">ศูนย์รวมพลังแห่งปัญญาและการรักษาที่ซึ่งเหล่าบุตรธิดาแห่งอะพอลโล</font></b>จะใช้ในการทำสมาธิและฝึกฝนพลังของตนเอง</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
ภายในเทวสถานอบอวลไปด้วยแสงสว่างและกลิ่นหอมของดอกทานตะวัน ที่ซึ่งเป็นสัญลักษณ์ของความหวังและแสงอาทิตย์ นอกจากนี้ยังมีเครื่องดนตรีโบราณและตำราการแพทย์วางเรียงรายอยู่ทั่วบริเวณ ทำให้ผู้มาเยือนรู้สึกถึงความศักดิ์สิทธิ์และความสงบอย่างลึกซึ้ง</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
เทวสถานอะพอลโลจึงเป็นสัญลักษณ์ของ <b><font color="#ab8c5c">ความหวัง, ปัญญา, และศิลปะ</font></b> เป็นสถานที่ที่คอยย้ำเตือนว่าแสงสว่างและความจริงจะนำทางเราไปสู่เส้นทางที่ถูกต้องเสมอ</span></font></div><div style="text-align: left;"><br></div><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><div style="text-align: center;"><img src="https://img2.pic.in.th/pic/image72e12825998fcf61.png" width="400" _height="200" border="0"></div></span></font><p><font color="#fff" style="">
<font color="#fff" style="">
</font>
</font></p><font color="#fff" style="">
</font></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><br><br><br></font></font></font></font></div></div><font color="#fff" style="">
<style type="text/css">BODY{background:url("https://img2.pic.in.th/pic/image692cb30e49a8fad6.png"); background-attachment:fixed;}</style>
<style name="captain" type="text/css">
img:hover{
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
img:hover{
overflow:hidden;
}
img{
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}
</style>
<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#fff!important; }
::-webkit-scrollbar-track-piece:increment { background:#fff!important; }
::-webkit-scrollbar-button{ background:#fff!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#e9ddbb!important; border-top:5px solid #e3c993;border-bottom:5px solid #e3c993; }
::-webkit-scrollbar-thumb:hover{ background: #e3c993!important; border-top:5px solid #f1e9d0; border-bottom:5px solid #f1e9d0; }</style>
<style name="captain" type="text/css">
a.navvi{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin:1px;
display:inline-block;
text-align:center;
background: #fff;
color:#7c6652;
width:75px;
padding:2px;
overflow: hidden; }
a.navvi:hover{
color: #fff;
background: #fff;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;}
#h1{padding:2px;background: #fff;width:380px; position:fixed;}</style>
</font>
แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-9-12 03:56
เทวสถานเจนัส
<div align="center" style="list-style-type: none;">
<style>
#boxsystems01 {
border-radius: 0px;
border: 5px double #f7ddaa;
padding: 3px;
box-shadow: #f7ddaa 0px 0px 3em;
background-attachment:fixed;
no-repeat center center fixed;
background-size: cover; /* ทำให้ภาพขยายเต็มหน้าจอ */
background-image: url("https://img5.pic.in.th/file/secure-sv1/imaged815a82b5074c7fb.png");}
</style>
<style>
#boxsystems02 {
width: 800px;
border-radius: 0px;
border: 2px dotted #f7ddaa;
padding: 50px;
box-shadow: #0d4170 0px 0px 20px;
background-image: url("https://img2.pic.in.th/pic/navy85.png");}
</style>
<style>
#boxsystems03 {
width: 520px;
border-radius: 20px;
border: 6px double #11a263;
padding: 3px;
box-shadow: #bbe9ff 0px 0px 3em;
background-image: url(" ");}
</style>
<style>
.shadow {
text-shadow: 1px 1px 5px #b2ad8a;
}
</style>
<div id="boxsystems01">
<p><br></p><p><br></p><p><br></p>
<div id="boxsystems02">
<p><span style="font-family: Georgia;"><font style="" color="#ceb565" size="2"><br></font></span></p><p><font face="Georgia" size="7" color="#dfd1a4"><span class="shadow" style="">Janus's Shrine</span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font size="2" face="Sarabun"><br><font color="#b2ad8a">⋘ เทวสถานเจนัส ⋙</font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img5.pic.in.th/file/secure-sv1/tumblr_8bbaee07e78cd971640aec18291a8b42_2043f81b_2048.png" width="512" _height="41" border="0"><font face="Sarabun" size="3"><br><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://i.imgur.com/4b7Gd5x.png" width="512" _height="512" border="0"></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img5.pic.in.th/file/secure-sv1/tumblr_8bbaee07e78cd971640aec18291a8b42_2043f81b_2048.png" width="512" _height="41" border="0"><font face="Sarabun" size="3"><br><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><br></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><font size="5"><span class="shadow" style=""><font color="#dfd1a4">เทวสถานเจนัส</font></span>
</font><font size="4" color="#c0c0c0">
</font></b></span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"></p><div style="text-align: left;"><font color="#dcdcd3"><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;"> </span><font face="Sarabun" size="3" style=""><span style="white-space-collapse: preserve;">ตั้งตระหง่านอยู่บนเนินเทมเพิล เป็นอาคารที่โดดเด่นด้วยประตูบานใหญ่สองบานที่หันหน้าเข้าหากันอย่างสง่างาม ประตูหนึ่งหันหน้าเข้าหาอดีตที่เต็มไปด้วยร่องรอยของประวัติศาสตร์ ส่วนอีกประตูหนึ่งหันหน้าเข้าสู่อนาคตที่ยังไม่ถูกเขียนขึ้น</span></font></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#dcdcd3">
เทวสถานแห่งนี้สร้างขึ้นจากหินแกรนิตสีเทาเข้มและประดับด้วยรูปปั้นเทพจานัสที่มีใบหน้าสองหน้า </font><font color="#b2ad8a">ซึ่ง<b style="">เป็นสัญลักษณ์ของการเลือก, การเริ่มต้น, และการสิ้นสุด</b></font><font color="#dcdcd3"> ภายในอาคารเต็มไปด้วยพลังงานที่ลึกลับและเปี่ยมไปด้วยความรู้ ซึ่งผู้มาเยือนจะรู้สึกได้ถึงการเชื่อมโยงระหว่างอดีตและอนาคตในขณะที่ยืนอยู่ในเทวสถาน</font></span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#dcdcd3">
เทวสถานเจนัสจึงมิใช่แค่สถานที่สักการะบูชา แต่เป็น</font><font color="#b2ad8a"><b>ที่ที่เหล่าบุตรธิดาแห่งเทพจานัสจะใช้ในการทำสมาธิและฝึกฝนพลังของตนเอง</b></font><font color="#dcdcd3"> เพื่อให้สามารถมองเห็นเส้นทางที่ถูกต้องและตัดสินใจเลือกสิ่งที่ดีที่สุดในชีวิตได้</font></span></font></div><div style="text-align: left;"><br></div><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><div style="text-align: center;"><img src="https://img5.pic.in.th/file/secure-sv1/image-removebg-preview---2025-09-08T071949.458.png" width="281" _height="336" border="0"></div></span></font><p><font color="#fff" style="">
<font color="#fff" style="">
</font>
</font></p><font color="#fff" style="">
</font></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><br><br><br></font></font></font></font></div></div><font color="#fff" style="">
<style type="text/css">
body {
background: url("https://img2.pic.in.th/pic/1476.png") no-repeat center center fixed;
background-size: cover; /* ทำให้ภาพขยายเต็มหน้าจอ */
margin: 0;
padding: 0;
height: 100vh; /* กำหนดให้ body มีความสูงเต็มจอ */
}
</style>
<style name="captain" type="text/css">
img:hover{
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
img:hover{
overflow:hidden;
}
img{
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}
</style>
<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#031835!important; }
::-webkit-scrollbar-track-piece:increment { background:#031835!important; }
::-webkit-scrollbar-button{ background:#031835!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#b19658!important; border-top:5px solid #dfd1a4;border-bottom:5px solid #dfd1a4; }
::-webkit-scrollbar-thumb:hover{ background: #e3c993!important; border-top:5px solid #f1e9d0; border-bottom:5px solid #f1e9d0; }</style>
<style name="captain" type="text/css">
a.navvi{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin:1px;
display:inline-block;
text-align:center;
background: #fff;
color:#7c6652;
width:75px;
padding:2px;
overflow: hidden; }
a.navvi:hover{
color: #fff;
background: #fff;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;}
#h1{padding:2px;background: #fff;width:380px; position:fixed;}</style>
</font>
แก้ไขครั้งสุดท้ายโดย Moneka เมื่อ 2025-9-9 05:14
แบบฟอร์มสร้างสถานที่หมวดหมู่ที่ตั้งสถานที่: ค่ายจูปิเตอร์, เขตกองร้อย, กองร้อยที่ 2, รัฐแคลิฟอเนียร์ สหรัฐอเมริกาชื่อสถานที่: 【Second Cohort】⚜ ⊣ ENTRANCE ⊢ ⚜
<!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Thasadith:wght@700&family=Kanit:wght@400;600&display=swap" rel="stylesheet">
<style>
/* =========================================================
=============== CONFIG (★ แก้ทีเดียวทั้งธีม) ===============
========================================================= */
:root{
/* ★ พื้นหลังทั้งหน้า (นิ่งกับจอ) */
--wall: url("https://img2.pic.in.th/pic/694c13a1a0feddc2d061022fd3fd40747cced493e1e9-eOqfzV_fw658webp.md.png");
/* ★ พื้นหลังเฉพาะโพสต์นี้ (เลื่อนขึ้นลงนุ่ม ๆ) */
--post-bg: url("https://img5.pic.in.th/file/secure-sv1/1ed9a119284ae57a51d45b1fcef791926835b164193cdf-qTXb2l_fw658webp.md.png");
--post-pan-speed: 60s;
--post-pan-from: 0%;
--post-pan-to: 100%;
/* ★ สีตัวอักษร */
--text-color:#F7F8FA;
--title-color: #FFFFFF;
--sub-color: #EDF0F7;
/* ★ โทน “พาสเทล–ขาว” สำหรับฟุ้ง ๆ */
--accent: #F7EEFF;
--accent-rgb: 247,238,255;
/* ★ สี/ความใสของแก้ว */
--glass: rgba(245, 245, 220,.42);
--glass-b: rgba(255,255,255,.38);
/* ★ เอฟเฟกต์ฟุ้ง */
--glow-outer:rgba(255,255,255,.60);
--glow-inner:rgba(var(--accent-rgb), .35);
--glow-soft: rgba(255,255,255,.35);
--glow-spread: 34px;
--blur-amt: 10px;
/* ขนาดรูป/คอนเทนต์ */
--hero-h: 520px;
--maxw: 980px;
--item-h: 220px; /* fallback ถ้าเบราว์เซอร์ไม่รองรับ aspect-ratio */
}
/* ===== วอลเปเปอร์ทั้งหน้า ===== */
body{ background: transparent !important; }
html::before{
content:""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
background: var(--wall) center/cover no-repeat;
filter: saturate(1.02) contrast(1.0);
opacity: .95;
}
/* ===== พื้นหลัง “เฉพาะโพสต์นี้” (เลื่อนอัตโนมัติ) ===== */
.post-bg{
padding: 30px;
background: var(--post-bg) 50% var(--post-pan-from) / cover no-repeat;
animation: postBgPan var(--post-pan-speed) linear infinite alternate;
}
@keyframes postBgPan{
from { background-position: 50% var(--post-pan-from); }
to { background-position: 50% var(--post-pan-to); }
}
/* ===== พื้นที่โพสต์ ===== */
.pj-post{
font-family:'Kanit',system-ui,-apple-system,sans-serif;
color: var(--text-color);
max-width: var(--maxw);
margin: 0 auto;
padding: 18px;
}
/* =============== กล่องโปร่งใส (แก้ว) + ฟุ้งพาสเทล =============== */
.pj-card{
position: relative;
background:
linear-gradient(135deg,
rgba(var(--accent-rgb), .22) 0%,
rgba(var(--accent-rgb), .10) 40%,
rgba(255,255,255,.12) 60%,
rgba(255,255,255,.06) 100%
),
var(--glass);
border: 1px solid var(--glass-b);
border-radius: 16px;
padding: 22px;
box-shadow:
0 10px 26px rgba(255,255,255,.12),
0 0 var(--glow-spread) 10px var(--glow-outer),
0 0 calc(var(--glow-spread) * 1.2) 0 var(--glow-inner),
0 0 40px 10px var(--glow-soft);
backdrop-filter: saturate(150%) blur(var(--blur-amt));
-webkit-backdrop-filter: saturate(150%) blur(var(--blur-amt));
margin-bottom: 18px;
overflow: hidden;
}
.pj-card::before{
content:""; position:absolute; inset:-16% -12% -30% -12%;
pointer-events:none; z-index:0;
background:
radial-gradient(60% 45% at 12% -5%,rgba(var(--accent-rgb), .35), transparent 60%),
radial-gradient(48% 45% at 100% -15%, rgba(var(--accent-rgb), .25), transparent 60%),
radial-gradient(60% 30% at 50% 110%, rgba(255,255,255,.25), transparent 60%);
mix-blend-mode: screen;
}
.pj-card > *{ position: relative; z-index: 1; }
/* 1) กล่องหัวเรื่อง */
.pj-hero{ text-align:center; padding: 28px 22px 22px; }
.pj-title{
font-family:'Thasadith','Kanit',sans-serif;
font-weight:700; font-size:28px; line-height:1.2; margin:0 0 8px;
color: var(--title-color);
text-shadow: 0 8px 24px rgba(255,255,255,.25);
}
.pj-sub{ color: var(--sub-color); }
/* 2) สื่อ: ภาพหลักใหญ่ */
.pj-media .pj-heroimg{
position: relative; overflow:hidden; border-radius: 14px;
margin-bottom: 12px;
box-shadow:
0 8px 18px rgba(255,255,255,.16),
0 0 28px 8px rgba(var(--accent-rgb), .22);
}
.pj-media .pj-heroimg img{
display:block !important;
width:100% !important;
max-width:none !important;
height: var(--hero-h) !important;
object-fit: cover !important;
object-position: 50% 40% !important;
image-rendering: -webkit-optimize-contrast;
image-rendering: auto;
}
.pj-media .pj-heroimg::after{
content:""; position:absolute; inset:0; pointer-events:none;
background: linear-gradient(180deg,
rgba(255,255,255,.10),
rgba(255,255,255,0) 40%,
rgba(255,255,255,.16)
);
}
/* 2.1) กริดรูปย่อย — บังคับ 5 ใบต่อแถว + ทำให้เท่ากันทุกใบ */
.pj-gallery{
display:grid;
gap:12px;
}
.pj-gallery.pj-five{
grid-template-columns: repeat(5, 1fr); /* เดสก์ท็อป: 5 ใบ */
}
.pj-gallery.pj-five img{
width:100% !important;
height:auto !important;
aspect-ratio: 1 / 1; /* สี่เหลี่ยมจัตุรัสเท่ากัน */
object-fit: cover;
display:block;
border-radius:12px;
padding:0 !important; /* รีเซ็ต padding จากสไตล์อื่น */
border:none !important; /* รีเซ็ต border จากสไตล์อื่น */
box-shadow:
0 6px 12px rgba(255,255,255,.12),
0 0 18px 4px rgba(var(--accent-rgb), .18);
}
/* fallback ถ้าไม่รองรับ aspect-ratio */
@supports not (aspect-ratio: 1 / 1){
.pj-gallery.pj-five img{ height: var(--item-h); }
}
/* 3) เนื้อหา */
.pj-content{ line-height:1.9; font-size:16px; }
.pj-content p{ margin:10px 0; }
.pj-content img{ max-width:100%; border-radius:10px; display:block; margin:10px auto; }
/* Responsive */
@media (max-width: 900px){
.pj-gallery.pj-five{ grid-template-columns: repeat(3, 1fr); } /* แท็บเล็ต: 3 ใบ */
}
@media (max-width:560px){
.pj-post{ max-width: 100%; padding: 12px; }
:root{ --hero-h: 340px; --item-h: 180px; }
.pj-title{ font-size:24px; }
.pj-gallery.pj-five{ grid-template-columns: repeat(2, 1fr); } /* มือถือ: 2 ใบ */
}
</style>
<!-- ================== HTML พร้อมใช้ ================== -->
<div class="post-bg">
<div class="pj-post">
<!-- โลโก้/หัว -->
<div style="text-align:center;">
<img src="https://img2.pic.in.th/pic/Gemini_Generated_Image_uivmvtuivmvtuivm-removebg-preview-1.png" width="490" alt="">
<br>
</div>
<!-- กล่องที่ 2: สื่อ — ภาพหลักใหญ่ + กริด 5 รูป -->
<section class="pj-card pj-media">
<div class="pj-heroimg">
<img src="https://img2.pic.in.th/pic/snapedit_1757337809205.png" alt="ภาพหลัก">
</div>
<!-- ★ เพิ่ม class pj-five เพื่อบังคับ 5 คอลัมน์ -->
<div class="pj-gallery pj-five">
<img src="https://img2.pic.in.th/pic/imaged7273fe9e6481498.png" alt="ภาพ 1">
<img src="https://img5.pic.in.th/file/secure-sv1/imageb86258461f173866.png" alt="ภาพ 2">
<img src="https://img2.pic.in.th/pic/image7c31ceebe3084ed1.png" alt="ภาพ 3">
<img src="https://img5.pic.in.th/file/secure-sv1/image09a43d7823d25265.png" alt="ภาพ 4">
<img src="https://img5.pic.in.th/file/secure-sv1/image7d71fc613d2c8b75.png" alt="ภาพ 5">
</div>
</section>
<!-- กล่องที่ 3: เนื้อหา -->
<section class="pj-card pj-content">
<p style="text-align:center;">
<img src="https://img5.pic.in.th/file/secure-sv1/1393c7135a482122d13e73dc482504c0171d25535ab9b-0tpXTr_fw658webp-1.md.png" width="500" alt="">
</p>
<p style="text-align: center;">
<font size="5" style="color: rgb(205, 133, 63);">【</font><font style="color: rgb(205, 133, 63); font-size: xx-large;"> </font><b style="font-size: xx-large; letter-spacing: 0.36px;"><font face="TH Charmonman"><font color="#a0522d">Ambitio, Certamen, Perfectio</font><font color="#cd853f"> </font></font></b><font face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" style="color: rgb(205, 133, 63);"><span style="letter-spacing: 0.36px;"><b></b></span></font><font size="5" style="color: rgb(205, 133, 63);">】</font></p><p><font face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" size="4" color="#cd853f"><span style="letter-spacing: 0.36px;"><b style=""> เมื่อเดินทางมายังหอพักของกองร้อยที่ 2 เบื้องหน้าคืออาคารหินทรงโรมันอันสง่างามโดดเด่นด้วยเสาสูงเรียงแถวกันห้าเสา ด้านบนประดับด้วยธงสีแดงสดตัดลายทองสัญลักษณ์ม้าศึกสง่างามแสดงสัญลักษณ์กองร้อยที่ 2 อย่างภาคภูมิ รอบข้างรายล้อมด้วยกระถางดอกไม้ขนาดใหญ่หลากสี กลิ่นอายของระเบียบวินัยและศักดิ์ศรีแผ่กระจายทั่วลานหินกว้าง
ธงที่ปักเรียงรายสองข้างทางมีหมายเลข “II” แสดงถึงลำดับกองร้อย พร้อมคำขวัญแห่งศักดิ์ศรีของพวกเขา</b></span></font></p><p style="text-align: center;"><font face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" size="4" color="#a0522d"><span style="letter-spacing: 0.36px;"><b style="">ความทะเยอทะยาน, การแข่งขัน, และการแสวงหาความสมบูรณ์แบบ </b></span></font></p><p><font face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" size="4"><span style="letter-spacing: 0.36px;"><b style=""><font color="#cd853f"> สถาปัตยกรรมอันโอ่อ่าบ่งบอกถึงความมีระบบและคุณภาพที่เฉียดเคียงกองร้อยที่ 1 จนได้รับการยกย่องว่าเป็นกองร้อยอันดับสองที่น่าภาคภูมิใจในกองพันที่สิบสองฟุลมินาตา มาสคอตประจำกลุ่มของกองร้อยนี้คือ</font><font color="#a0522d"> “ม้าสีทอง” </font><font color="#cd853f">สัญลักษณ์แห่งความเร็ว ร้อนแรง และศักดิ์ศรีอันยิ่งใหญ่ จึงไม่แปลกที่หากคุณจะพบเห็นว่าเหล่าสมาชิกกองร้อยที่สองเก่งกาจด้านการขี่ม้าและพุ่งหลาวหอกโรมัน</font></b></span></font></p><p style="text-align: center;"><img src="https://img5.pic.in.th/file/secure-sv1/8fdb0725f28f256062a39c8b733e3d3c62ccb8474dd6-SX7aLR_fw658webp-removebg-preview-1.png" width="251" _height="138" border="0"></p>
<p></p>
</section>
</div>
</div>
<!-- ★ เดิมมีสไตล์ img:hover ที่ไปกระทบทุกภาพ
→ จำกัดเฉพาะภาพในเนื้อหา (.pj-content) เพื่อไม่ให้รบกวนกริด -->
<style>
.pj-content img{
-webkit-transition: all .8s ease-out;
transition: all .8s ease-out;
border: none;
padding: 5px 0; /* ไม่ดันเลย์เอาต์ */
background: transparent;
}
.pj-content img:hover{
box-shadow:
inset 255px 0 1px #E8C374,
inset -255px 0 1px #8A6F37;
}
</style>
<style type="text/css"> img{ background:transparent: box-shadow:inset 0 0px 0px none; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; padding:5px; border:2px none; } img:hover{ box-shadow:inset 255px 0px 1px #E8C374,inset -255px 0px 1px #8A6F37;}</style>
แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-9-12 18:55
เทวสถานโพรเซอร์พิน่า
<div align="center" style="list-style-type: none;">
<style>
#boxsystems01 {
border-radius: 0px;
border: 5px double #786573;
padding: 3px;
box-shadow: #786573 0px 0px 3em;
background-attachment:fixed;
background-image: url("https://img2.pic.in.th/pic/imagea579203c5ddfc4ec.png");}
</style>
<style>
#boxsystems02 {
width: 800px;
border-radius: 0px;
border: 2px dotted #6c576a;
padding: 50px;
box-shadow: #6c576a 0px 0px 20px;
background-image: url("https://img5.pic.in.th/file/secure-sv1/dark-purple90.png");}
</style>
<style>
#boxsystems03 {
width: 520px;
border-radius: 20px;
border: 6px double #11a263;
padding: 3px;
box-shadow: #bbe9ff 0px 0px 3em;
background-image: url(" ");}
</style>
<style>
.shadow {
text-shadow: 1px 1px 5px #754871;
}
</style>
<div id="boxsystems01">
<p><br></p><p><br></p><p><br></p>
<div id="boxsystems02">
<p><span style="font-family: Georgia;"><font style="" color="#ceb565" size="2"><br></font></span></p><p><span class="shadow" style=""><font face="Georgia" size="7" color="#9c6096">Proserpina's Shrine</font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font size="2" face="Sarabun"><br><font color="#6c576a">⋘ เทวสถานโพรเซอร์พิน่า ⋙</font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img5.pic.in.th/file/secure-sv1/line-arose-b1-1.gif" width="296" _height="96" border="0"><font face="Sarabun" size="3"></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><br></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://i.imgur.com/aaHFskp.png" width="512" _height="512" border="0"></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img2.pic.in.th/pic/line-arose-b2.gif" width="296" _height="96" border="0"><font face="Sarabun" size="3"><br><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><br></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><font size="5"><span class="shadow" style=""><font color="#9c6096">เทวสถานโพรเซอร์พิน่า</font></span>
</font><font size="4" color="#c0c0c0">
</font></b></span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"></p><div style="text-align: left;"><font color="#dcdcd3"><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;"> </span></font><font color="#dcdcd3" face="Sarabun" size="3"><span style="white-space-collapse: preserve;">ตั้งตระหง่านอยู่บนเนินเขาที่เต็มไปด้วยโขดหินแหลมคม ภายใต้ท้องฟ้ายามค่ำคืนที่ประดับด้วยจันทร์เสี้ยว เป็นภาพสะท้อนอันทรงพลังของอาณาจักรใต้พิภพที่เทพีองค์นี้ปกครอง อาคารมีโครงสร้างแบบวิหารกรีก-โรมันโบราณ สร้างจากหินอ่อนสีเทาเข้ม ดูสง่างามแต่แฝงไว้ด้วยความลึกลับและน่าเกรงขาม</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#dcdcd3">
ทางเข้าวิหารมีบันไดหินทอดยาวขึ้นไปสู่แท่นบูชา ประดับด้วยเสาหินขนาดใหญ่และรูปปั้นเทพีสามองค์ที่ยืนนิ่งสงบ ด้านในสุดของวิหารมีรูปปั้นของเทพีโพรเซอร์พิน่าที่เปล่งแสงสีทองเรืองรอง สร้างความรู้สึกถึง</font><b style=""><font color="#876f85">ความหวังและการเกิดใหม่ท่ามกลางความมืดมิด</font></b></span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#dcdcd3">
รอบๆ เทวสถานมีเปลวไฟสีน้ำเงินอมม่วงลุกโชนออกมาจากพุ่มไม้และโขดหิน ราวกับพลังงานจากโลกใต้พิภพกำลังผุดขึ้นมาสู่เบื้องบน </font><b style=""><font color="#876f85">พืชพรรณที่ขึ้นปกคลุมบริเวณนั้นมีสีเข้มและดอกไม้ที่ดูแปลกตา</font></b><font color="#dcdcd3"> สะท้อนถึงความอุดมสมบูรณ์ที่แตกต่างออกไป ดอกไม้บางดอกมีสีดำสนิท แต่กลับมีเกสรสีแดงฉาน ราวกับเลือดหรือทับทิมที่แตกออก ซึ่งเป็น</font><font color="#876f85"><b>สัญลักษณ์ของการเปลี่ยนแปลงและวัฏจักรของชีวิตและความตาย</b></font></span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#dcdcd3">
ด้านหลังของเทวสถาน โขดหินสีดำสนิทสลับกับแสงสีแดงก่ำที่ปะทุขึ้นมา สร้างบรรยากาศที่น่าสะพรึงกลัวและชวนให้รำลึกถึงอาณาจักรแห่งฮาเดส สถานที่แห่งนี้จึงเป็นจุดบรรจบที่สมบูรณ์แบบระหว่างความงดงามของโลกเบื้องบนกับความลึกลับของโลกใต้พิภพ เป็นเครื่องเตือนใจถึงพลังอันยิ่งใหญ่ของ</font><b style=""><font color="#6c576a">เทพีโพรเซอร์พิน่า ผู้เป็นราชินีแห่งยมโลกและเทพีแห่งการเปลี่ยนแปลงของฤดูกาล</font></b></span></font></div><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><div style="text-align: center;"><img src="https://img5.pic.in.th/file/secure-sv1/image-removebg-preview---2025-09-12T034323.333.png" width="300" _height="300" border="0"></div></span></font><p><font color="#fff" style="">
<font color="#fff" style="">
</font>
</font></p><font color="#fff" style="">
</font></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><br><br><br></font></font></font></font></div></div><font color="#fff" style="">
<style type="text/css">BODY{background:url("https://img2.pic.in.th/pic/imagea579203c5ddfc4ec.png"); background-attachment:fixed; }</style>
<style name="captain" type="text/css">
img:hover{
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
img:hover{
overflow:hidden;
}
img{
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}
</style>
<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#000!important; }
::-webkit-scrollbar-track-piece:increment { background:#000!important; }
::-webkit-scrollbar-button{ background:#000!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#614058!important; border-top:5px solid #786573;border-bottom:5px solid #786573; }
::-webkit-scrollbar-thumb:hover{ background: #544061!important; border-top:5px solid #6f6578; border-bottom:5px solid #6f6578; }</style>
<style name="captain" type="text/css">img:hover {-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg) }img {-webkit-transition:5s; -moz-transition:5s;
-o-transition:5s;} </style>
</font>
<style type="text/css">
#side{
margin-right:-1px;
width:512px;
height:512px;
overflow:hidden;}
#text
{text-align:center;
width:500px;
height:500px;
padding:5px;
overflow:auto;
color:#0e1c26;
background-color: ;}
#picture
{margin-left:-257px;
width:512px;
height:512px;
overflow:hidden;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;}
#side:hover #picture
{margin-left:-1500px;}
</style>
<style name="captain" type="text/css">
img:hover{
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
img:hover{
overflow:hidden;
}
img{
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}
</style>
<style name="captain" type="text/css">
a.navvi{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin:1px;
display:inline-block;
text-align:center;
background: #fff;
color:#7c6652;
width:75px;
padding:2px;
overflow: hidden; }
a.navvi:hover{
color: #fff;
background: #fff;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;}
#h1{padding:2px;background: #fff;width:380px; position:fixed;}</style>
<style name="captain" type="text/css">img {
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(75%);
-moz-filter: grayscale(75%);
filter: url(desaturate.svg#greyscale);
filter: gray; filter: grayscale(75%);
-webkit-transition: 1.0s;-moz-transition: 1.0s;}
img:hover {
-webkit-filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: none; filter: grayscale(0);}</style>
<style>
a:link {
color: #4a3e54; /* ลิงก์ปกติ */
transition: color 0.4s ease; /* ใส่ transition */
}
a:visited {
color: #4a3e54; /* ลิงก์ที่เคยกดแล้ว */
transition: color 0.4s ease;
}
a:hover {
color: #a2618f; /* สีตอนเมาส์วาง */
}
</style>