The Annoying Monster's Diary
แก้ไขครั้งสุดท้ายโดย Denista เมื่อ 2025-8-12 04:47 <br /><br /><style>
body {
background:
linear-gradient(135deg, rgba(8, 7, 7, 0.85), rgba(90, 0, 20, 0.85)),
url("https://i.postimg.cc/hPHTph13/1796ef0033df2a1bb61b02d731541119.gif");
background-attachment: fixed; /* ให้ภาพคงที่เวลาเลื่อน */
font-family: 'Kanit', sans-serif;
}
/* เอฟเฟกต์ไล่สีเคลื่อนไหว */
@keyframes gradientShift {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.book {
width: 1000px;
margin: 60px auto;
background: url(" ") center/cover;
padding: 50px;
border-radius: 15px;
box-shadow: 0 20px 60px rgba(0,0,0,0.7);
position: relative;
display: flex;
gap: 40px;
}
.book::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 45%;
width: 4px;
background: rgba(0,0,0,0.4);
box-shadow: -2px 0 5px rgba(0,0,0,0.4), 2px 0 5px rgba(0,0,0,0.4);
transform: translateX(-50%);
}
/* ฝั่งซ้าย */
.page-left {
flex: 1;
text-align: center;
}
.page-left img {
max-width: 100%;
border-radius: 10px;
border: 3px solid rgba(255, 80, 120, 0.5);
box-shadow: 0 0 25px rgba(255, 0, 60, 0.4);
transition: transform 0.5s ease;
}
.page-left img:hover {
transform: scale(1.05) rotate(-1deg);
}
/* กล่อง Quote แบบพับได้ */
.qu0te {
margin-top: 25px;
padding: 12px 18px;
background: linear-gradient(135deg, rgba(255, 200, 210, 0.9), rgba(179, 0, 60, 0.85));
border-left: 3px solid rgba(255, 80, 120, 0.5);
border-radius: 10px;
font-size: 1.05em;
font-style: italic;
color: #fff0f5;
box-shadow: 2px 2px 12px rgba(0,0,0,0.4);
position: relative;
width: 200px; /* ความกว้างตอนพับ */
white-space: nowrap;
overflow: hidden;
cursor: pointer;
transition: width 0.6s ease, box-shadow 0.4s ease, background 0.4s ease;
}
/* ใส่เครื่องหมายคำพูดด้านซ้าย */
.qu0te::before {
content: "❝";
font-size: 3.5em;
color: rgba(255,255,255,0.8);
position: absolute;
top: 8px;
left: 10px;
}
/* ตอน hover ให้กางออกและเปลี่ยน mood */
.qu0te:hover {
width: 93%;
background: linear-gradient(135deg, rgba(255, 230, 235, 1), rgba(255, 130, 170, 0.95));
box-shadow: 4px 4px 20px rgba(0,0,0,0.5);
color: #3a0015;
}
/* เน้น transition ข้อความ */
.qu0te span {
display: inline-block;
transition: transform 0.5s ease;
}
.qu0te:hover span {
transform: translateX(5px);
}
/* ฝั่งขวา */
.page-right {
flex: 1;
padding: 40px;
background: rgba(20,0,10,0.85);
border-radius: 10px;
border: 2px solid rgba(255, 60, 120, 0.4);
box-shadow: inset 0 0 20px rgba(255,0,60,0.3);
}
.page-right h1 {
font-family: 'Pattaya', sans-serif;
font-size: 7em;
color: #ff7aa5;
text-shadow: 0 0 5px #ff3c78, 0 0 15px #ff0055, 0 0 35px #ff0055;
}
.page-right p {
font-size: 3em;
color: #d8c2c7;
line-height: 1.8em;
text-align: justify;
}
</style>
<div class="book">
<div class="page-left">
<img src="https://i.imgur.com/tpGxitM.png" alt="Monster Symbol">
<div class="qu0te"><span><i><font size="3">By The Beautiful ????</i></font></span></div>
</div>
<div class="page-right">
<h1>The Annoying Monster's Diary</h1>
<br><p>
ฉันไม่เคยชอบใช้กำลัง ความรุนแรง หรือการต่อสู้ มันเหนื่อย ลำบาก เสียเวลา
และไม่ตรงต่อรสนิยมของฉัน แต่บ้าเอ้ย ไอพวกนี้ไม่มีทางดีขึ้นจริง ๆ
ถ้าเราไม่ตบมันสักครั้ง ดังนั้นจำเอาไว้นะที่รัก
ในฐานะผู้หญิงสวย รวย และเก่งมาก <b>ช่างหัวแ*ง</b>ให้หมดแล้วตี ๆ ไป
เดี๋ยวทุกอย่างก็ดีเองนั่นแหละ
</p>
<center><br><img src="https://i.imgur.com/4cNUq3b.gif" width="300" border="0"></center>
</div>
</div>
<style type="text/css">@import url('https://fonts.googleapis.com/css?family=Pattaya'); Pat {font-family : 'Pattaya';}</style>
<center><iframe width="5" height="5" src="https://www.youtube.com/embed/nfu2VaeXuLU?autoplay=1&loop=1&playlist=nfu2VaeXuLU" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe></center>
<style name="captain" type="text/css">
img {border-radius: 8px;}</style><style name="captain" type="text/css">
img {border-radius: 8px;}
img { filter: alpha
(opacity=100); opacity:1.0;}img:hover { filter: alpha(opacity=70);
opacity:.7 } img {-webkit-transition:0.7s; -moz-transition:0.7s;
-o-transition:0.7s;}
img:hover{
-webkit-transform:scale(0.9);
transform:scale(0.9);
}
img:hover{
overflow:hidden;
}
img{
-webkit-transform:scale(1.0);
transform:scale(1.0);
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}</style> แก้ไขครั้งสุดท้ายโดย Denista เมื่อ 2025-8-12 05:39 <br /><br />
<style>
.b00k {
width: 1000px;
margin: 60px auto;
background: url("https://i.postimg.cc/gcCCpHzz/image-2025-08-12-041254818.png") center/cover;
padding: 50px;
border-radius: 15px;
box-shadow: 0 20px 60px rgba(0,0,0,0.7);
position: relative;
display: flex;
gap: 40px;
}
.b00k::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 49%;
width: 3px;
background: rgba(0,0,0,0.4);
box-shadow: -2px 0 5px rgba(0,0,0,0.4), 2px 0 5px rgba(0,0,0,0.4);
transform: translateX(-50%);
}
/* ฝั่งซ้าย */
.p4ge-l3ft {
flex: 1;
}
.p4ge-l3ft img {
max-width: 90%;
border-radius: 10px;
border: 3px solid rgba(255, 80, 120, 0.5);
box-shadow: 0 0 25px rgba(255, 0, 60, 0.4);
transition: transform 0.5s ease;
}
.p4ge-l3ft img:hover {
transform: scale(1.05) rotate(-1deg);
}
/* ฝั่งขวา */
.p4ge-r1ght {
width: 40%; /* กำหนดความกว้างตามต้องการ */
height: 550px; /* ความสูงตายตัวของกล่อง */
overflow-y: auto; /* เปิด scroll bar แนวตั้ง */
padding: 30px;
background: rgba(20,0,10,0.85); /* สีพื้นหลังโปร่ง */
border-radius: 12px;
box-shadow: inset 0 0 20px rgba(255,0,60,0.3);
}
.p4ge-r1ght h1 {
font-family: 'Pattaya', sans-serif;
font-size: 7em;
color: #ff7aa5;
text-shadow: 0 0 5px #ff3c78, 0 0 15px #ff0055, 0 0 35px #ff0055;
}
.p4ge-r1ght p {
font-family: 'Kanit', sans-serif;
font-size: 3em;
color: #d8c2c7;
line-height: 1.8em;
text-align: justify;
}
.p4ge-r1ght::-webkit-scrollbar {
width: 8px;
}
.p4ge-r1ght::-webkit-scrollbar-track {
background: rgba(50, 0, 20, 0.3);
border-radius: 4px;
}
.p4ge-r1ght::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #ff5a8c, #800020);
border-radius: 4px;
}
.p4ge-r1ght::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #ff7aa8, #a00030);
}
</style>
<style>
.signature-box {
width: 450px;
height: 40px; /* ความสูงตอนปิด */
background: rgba(20, 0, 10, 0.6);
border-radius: 8px;
overflow: hidden;
cursor: pointer;
box-shadow: 0 0 10px rgba(255, 80, 120, 0.5);
position: relative;
transition: height 0.5s ease;
border: 2px solid #ff5a8c;
}
.signature-box:hover {
height: 100px; /* กางกล่องลง */
background: linear-gradient(135deg, #ff5a8c, #800020);
box-shadow: 0 0 20px #ff5a8c;
}
.sig-content {
position: absolute;
top: -60px; /* ซ่อนข้อความก่อน */
left: 0;
width: 100%;
height: 60px;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
transition: top 0.5s ease, opacity 0.5s ease;
}
.signature-box:hover .sig-content {
top: 18px; /* เลื่อนข้อความลงมา */
opacity: 1;
}
.signature-text {
font-family: 'Great Vibes', cursive;
font-size: 7em;
color: #fff0f5;
text-shadow: 0 0 6px #ff5a8c, 0 0 12px #800020;
user-select: none;
pointer-events: none;
}
</style>
<div class="b00k">
<div class="p4ge-l3ft">
<img src="https://i.imgur.com/DDWyhe2.png" alt="ฮาร์ปี้"><br><br>
<div class="signature-box">
<div class="sig-content">
<span class="signature-text">Nereza Henladys</span>
</div>
</div>
</div>
<div class="p4ge-r1ght">
<h1>No. 1 | HARPIE (ฮาร์ปี้)</h1>
<br><p>
รูปลักษณ์ : หากอ้างอิงจากหลายเอกสาร รูปลักษณ์ของฮาร์ปี้มีมากมายนับไม่ถ้วน ทว่าจุดกำหนดที่ตรงกันคือ เป็นอสูรกายเพศหญิง ลำตัวและใบหน้าเป็นมนุษย์ ทว่าแขนและขากลับเป็นนก ตัวที่ดิฉันพบก็เช่นกัน ราวกับว่ามันเป็นส่วนผสมของสองสายพันธุ์ที่สมบูรณ์แบบ แขนกลายเป็นปีกที่แหลมคม มันยังดูเป็นขนนก แต่แ*งโคตรคมเลย (T*T) ส่วนที่เป็นขาก็อันตรายไม่แพ้กัน เพราะอุ้งเท้าคนถูกแทนที่ด้วยกรงเล็บคม ๆ ของนก บางทีอาจเป็นกรงเล็บเหยี่ยว หรือไม่ก็นกสายพันธุ์ที่ชื่อตรงตัวว่าฮาร์ปี้<br><br>
การพิชิตครั้งแรก : ณ ป่าต้องห้าม | 🏞<br><br>
ชีวประวัติ : ถึงจะมีหลากหลายตำนาน แต่ฉบับที่น่าสนใจคงหนีไม่พ้นฉบับที่กล่าวว่าเดิมทีฮาร์ปี้มีแค่สองตัว ประกอบไปด้วย เอลโล และโอไซพีเทส ทั้งสองเป็นธิดาของเธามาสและโอเชียนิดนามอิเล็กตร้า (โอเชียนิดคือนิมฟ์แห่งทะเล) เธามาสที่เป็นพ่อ คือลูกพอนทัสและไกอาที่ถือว่าเป็นเทพเจ้าโบราณตามตำนานกรีก ฉะนั้นแล้วถ้านับตามลำดับญาติ ฮาร์ปี้ทั้งสองตัวนี้ถือเป็นพี่น้องกับเทพีไอริส
เรื่องที่เป็นที่รู้จักเกี่ยวกับฮาร์ปี้คือเรื่องที่เกี่ยวกับเรืออาร์โก ในตอนนั้นเรืออาร์โกมาเทียบท่าที่ฝั่งเธรส ภายในเรือมีนักพยากรณ์ตาบอดคนหนึ่งนามว่าฟีนูสที่ล่วงรู้ความลับของสวรรค์ แทนที่จะอยู่เงียบ ๆ เขากลับนำความลับนั้นมาป่าวประกาศ ทำให้ราชันเทพ ซุส ได้ออกคำสั่งให้สองพี่น้องฮาร์ปี้มาขโมยอาหารของฟีนูสเป็นการทรมาณ
บางทีซุสคงไม่ได้ตกลงกับลูกหลานให้ดี ดังนั้นสุดท้ายแล้วเซเทสและคาลาอีส บุตรของเทพเจ้าแห่งสายลมเหนือ (โบรีอัส) จึงได้หาหนทาง และรับหน้าที่เป็นผู้ขับไล่เหล่าฮาร์ปี้ บางทีบอกว่าเซเทสและคาลาอีสเป็นคนฆ่าฮาร์ปี้ทั้งสอง หรือไม่ก็เกือบฆ่าแล้วแต่เทพีไอริสได้ลงมาห้าม แต่สุดท้ายในหลาย ๆ ตำนาน ก็มักเขียนบทสรุปของฮาร์ปี้ให้จบลงที่การตายอยู่ดี และในภายหลัง ตำนานเกี่ยวกับฮาร์ปี้ตัวอื่น ๆ ก็เริ่มมีเพิ่มเติมมากขึ้นเรื่อย ๆ จนติดท็อปอันดับอสูรกายสนามอารมณ์ที่ถูกหยิบไปใช้งานในเรื่องเล่าหลาย ๆ เรื่อง<br><br>
ประสบการณ์ของคุณ : ครั้งแรกที่เจอฮาร์ปี้ สำหรับฉัน จริง ๆ แล้วมันคือตอนก่อนที่จะเข้ามาอยู่ในค่ายฮาร์ฟบลัดซะอีก แต่จะไม่ขอพูดถึง เพราะฉันไม่ใช่คนจัดการมันด้วยตัวเอง สำหรับครั้งที่สอง (ยืนยันว่าฉันจัดการด้วยตัวเอง) ฉันเจอมันที่ป่าต้องห้ามตามคำแนะนำภารกิจของไครอน ฮาร์ปี้เป็นอสูรกายที่นิสัยเหมือนสาว ๆ ในช่วงวันนั้นของเดือน อารมณ์ร้อนง่าย บางครั้งทำอะไรไม่ค่อยคิดและค่อนข้างเจ้าคิดเจ้าแค้น
พวกหล่อนได้เปรียบจากการที่มีปีกและบินได้ คงต้องเรียกว่ามีอิสระในการเคลื่อนไหวมากกว่ามนุษย์โดยทั่วไปทำให้เป็นเรื่องยากสำหรับมือใหม่ที่จะรับมือ ช่วงตัวของพวกหล่อนค่อนข้างยาว ดังนั้นในความคิดฉัน การใช้หอกเป็นตัวเลือกที่ดีหากต้องการรักษาระยะแต่ก็ยังโจมตีได้ในบางครั้ง
อันที่จริงฉันเกือบจะยันไว้ไม่ไหวด้วยซ้ำ ยัยพวกนี้แรงเยอะเหมือนม้า แต่ก็ยังมีช่วงที่ประมาท หรือไม่ก็อาจจะเป็นข้อด้อยในเรื่องสรีระทางร่างกาย ขอแค่โจมตีที่ปีกได้ก็แทบจะยืนยันผลชนะไปเกือบครึ่ง
สำหรับครั้งนี้ฉันใช้หอกแทงที่ปีกของพวกหล่อน แล้วก็กดตรึงพวกมันไว้กับพื้น เพียงพอที่จะให้ใช้อาวุธอีกชนิดในการสังหาร ... แต่พูดตามตรงนะ ถ้ามาพร้อมกันหลายตัว ฉันว่าฉันตายแหง ๆ<br>
</p>
</div>
</div>
<style type="text/css">@import url('https://fonts.googleapis.com/css?family=Pattaya'); Pat {font-family : 'Pattaya';}</style>
<style type="text/css">@import url('https://fonts.googleapis.com/css?family=Great Vibes'); Great Vibes{font-family : 'Great Vibes';}</style>
แก้ไขครั้งสุดท้ายโดย Denista เมื่อ 2025-8-12 05:42 <br /><br />
<style>
.b00k {
width: 1000px;
margin: 60px auto;
background: url("https://i.postimg.cc/gcCCpHzz/image-2025-08-12-041254818.png") center/cover;
padding: 50px;
border-radius: 15px;
box-shadow: 0 20px 60px rgba(0,0,0,0.7);
position: relative;
display: flex;
gap: 40px;
}
.b00k::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 49%;
width: 3px;
background: rgba(0,0,0,0.4);
box-shadow: -2px 0 5px rgba(0,0,0,0.4), 2px 0 5px rgba(0,0,0,0.4);
transform: translateX(-50%);
}
/* ฝั่งซ้าย */
.p4ge-l3ft {
flex: 1;
}
.p4ge-l3ft img {
max-width: 90%;
border-radius: 10px;
border: 3px solid rgba(255, 80, 120, 0.5);
box-shadow: 0 0 25px rgba(255, 0, 60, 0.4);
transition: transform 0.5s ease;
}
.p4ge-l3ft img:hover {
transform: scale(1.05) rotate(-1deg);
}
/* ฝั่งขวา */
.p4ge-r1ght {
width: 40%; /* กำหนดความกว้างตามต้องการ */
height: 550px; /* ความสูงตายตัวของกล่อง */
overflow-y: auto; /* เปิด scroll bar แนวตั้ง */
padding: 30px;
background: rgba(20,0,10,0.85); /* สีพื้นหลังโปร่ง */
border-radius: 12px;
box-shadow: inset 0 0 20px rgba(255,0,60,0.3);
}
.p4ge-r1ght h1 {
font-family: 'Pattaya', sans-serif;
font-size: 7em;
color: #ff7aa5;
text-shadow: 0 0 5px #ff3c78, 0 0 15px #ff0055, 0 0 35px #ff0055;
}
.p4ge-r1ght p {
font-family: 'Kanit', sans-serif;
font-size: 3em;
color: #d8c2c7;
line-height: 1.8em;
text-align: justify;
}
.p4ge-r1ght::-webkit-scrollbar {
width: 8px;
}
.p4ge-r1ght::-webkit-scrollbar-track {
background: rgba(50, 0, 20, 0.3);
border-radius: 4px;
}
.p4ge-r1ght::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #ff5a8c, #800020);
border-radius: 4px;
}
.p4ge-r1ght::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #ff7aa8, #a00030);
}
</style>
<style>
.signature-box {
width: 450px;
height: 40px; /* ความสูงตอนปิด */
background: rgba(20, 0, 10, 0.6);
border-radius: 8px;
overflow: hidden;
cursor: pointer;
box-shadow: 0 0 10px rgba(255, 80, 120, 0.5);
position: relative;
transition: height 0.5s ease;
border: 2px solid #ff5a8c;
}
.signature-box:hover {
height: 100px; /* กางกล่องลง */
background: linear-gradient(135deg, #ff5a8c, #800020);
box-shadow: 0 0 20px #ff5a8c;
}
.sig-content {
position: absolute;
top: -60px; /* ซ่อนข้อความก่อน */
left: 0;
width: 100%;
height: 60px;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
transition: top 0.5s ease, opacity 0.5s ease;
}
.signature-box:hover .sig-content {
top: 18px; /* เลื่อนข้อความลงมา */
opacity: 1;
}
.signature-text {
font-family: 'Great Vibes', cursive;
font-size: 7em;
color: #fff0f5;
text-shadow: 0 0 6px #ff5a8c, 0 0 12px #800020;
user-select: none;
pointer-events: none;
}
</style>
<div class="b00k">
<div class="p4ge-l3ft">
<img src="https://i.imgur.com/kkDzLE5.png" alt="ก็อบลิน"><br><br>
<div class="signature-box">
<div class="sig-content">
<span class="signature-text">Nereza Henladys</span>
</div>
</div>
</div>
<div class="p4ge-r1ght">
<h1>No. 2 | GOBLIN (ก็อบลิน)</h1>
<br><p>
รูปลักษณ์ : สิ่งมีชีวิตที่ถูกออกแบบให้คล้ายมนุษย์แต่อัปลักษณ์กว่า ตัวเขียว เตี้ย หูแหลม ฟันคม เหมือนมีดมีชีวิตขนาดพกพาได้<br><br>
การพิชิตครั้งแรก : ณ กรุงโตเกียว |🏙<br><br>
ชีวประวัติ : พวกมันมักปรากฏในนิทานพื้นบ้านของชาวยุโรป แต่ก็มีตัวตนจริง บันทึกมักกล่าวว่าพวกมันปรากฏตัวครั้งแรกในยุคกลาง ได้รับการกล่าวขานถึงความสามารถ อารมณ์ และรูปลักษณ์ที่ขัดแย้งกันไปขึ้นอยู่กับเรื่องเล่าและจุดประสงค์ พวกมันเป็นได้ตั้งแต่ ภูต ผีบ้านผีเรือน ไปจนถึงโจรที่ชั่วร้าย หลายที่ชอบบอกว่าพวกมันมักมีความสามารถเหนือธรรมชาติคล้ายกับ นางฟ้า หรือ ปีศาจ เช่น ความสามารถในการเปลี่ยนรูปร่าง อย่างไรก็ตามกิตติศัพท์<br><br>
ประสบการณ์ของคุณ : ก็อบลินเป็นศัตรูตามธรรมชาติที่น่ารำคาญเหมือนที่ฉันเขียนไว้ในการบ้านจริง ๆ พวกมันไว ตัวเล็ก คล่องตัวมากเมื่อเทียบกับมนุษย์แต่มีจุดด้อยที่อารมณ์ร้อน เย่อหยิ่งและค่อนข้างหลงตัวเอง ดังนั้นการยั่วยุให้พวกมันอารมณ์เสียจนขาดสติแล้วสวนทีเดียวให้จบถือเป็นวิธีที่ง่ายในการรับมือที่สุด<br>
</p>
</div>
</div>
<style type="text/css">@import url('https://fonts.googleapis.com/css?family=Pattaya'); Pat {font-family : 'Pattaya';}</style>
<style type="text/css">@import url('https://fonts.googleapis.com/css?family=Great Vibes'); Great Vibes{font-family : 'Great Vibes';}</style>
แก้ไขครั้งสุดท้ายโดย Denista เมื่อ 2025-8-12 05:48 <br /><br />
<style>
.b00k {
width: 1000px;
margin: 60px auto;
background: url("https://i.postimg.cc/gcCCpHzz/image-2025-08-12-041254818.png") center/cover;
padding: 50px;
border-radius: 15px;
box-shadow: 0 20px 60px rgba(0,0,0,0.7);
position: relative;
display: flex;
gap: 40px;
}
.b00k::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 49%;
width: 3px;
background: rgba(0,0,0,0.4);
box-shadow: -2px 0 5px rgba(0,0,0,0.4), 2px 0 5px rgba(0,0,0,0.4);
transform: translateX(-50%);
}
/* ฝั่งซ้าย */
.p4ge-l3ft {
flex: 1;
}
.p4ge-l3ft img {
max-width: 90%;
border-radius: 10px;
border: 3px solid rgba(255, 80, 120, 0.5);
box-shadow: 0 0 25px rgba(255, 0, 60, 0.4);
transition: transform 0.5s ease;
}
.p4ge-l3ft img:hover {
transform: scale(1.05) rotate(-1deg);
}
/* ฝั่งขวา */
.p4ge-r1ght {
width: 40%; /* กำหนดความกว้างตามต้องการ */
height: 550px; /* ความสูงตายตัวของกล่อง */
overflow-y: auto; /* เปิด scroll bar แนวตั้ง */
padding: 30px;
background: rgba(20,0,10,0.85); /* สีพื้นหลังโปร่ง */
border-radius: 12px;
box-shadow: inset 0 0 20px rgba(255,0,60,0.3);
}
.p4ge-r1ght h1 {
font-family: 'Pattaya', sans-serif;
font-size: 7em;
color: #ff7aa5;
text-shadow: 0 0 5px #ff3c78, 0 0 15px #ff0055, 0 0 35px #ff0055;
}
.p4ge-r1ght p {
font-family: 'Kanit', sans-serif;
font-size: 3em;
color: #d8c2c7;
line-height: 1.8em;
text-align: justify;
}
.p4ge-r1ght::-webkit-scrollbar {
width: 8px;
}
.p4ge-r1ght::-webkit-scrollbar-track {
background: rgba(50, 0, 20, 0.3);
border-radius: 4px;
}
.p4ge-r1ght::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #ff5a8c, #800020);
border-radius: 4px;
}
.p4ge-r1ght::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #ff7aa8, #a00030);
}
</style>
<style>
.signature-box {
width: 450px;
height: 40px; /* ความสูงตอนปิด */
background: rgba(20, 0, 10, 0.6);
border-radius: 8px;
overflow: hidden;
cursor: pointer;
box-shadow: 0 0 10px rgba(255, 80, 120, 0.5);
position: relative;
transition: height 0.5s ease;
border: 2px solid #ff5a8c;
}
.signature-box:hover {
height: 100px; /* กางกล่องลง */
background: linear-gradient(135deg, #ff5a8c, #800020);
box-shadow: 0 0 20px #ff5a8c;
}
.sig-content {
position: absolute;
top: -60px; /* ซ่อนข้อความก่อน */
left: 0;
width: 100%;
height: 60px;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
transition: top 0.5s ease, opacity 0.5s ease;
}
.signature-box:hover .sig-content {
top: 18px; /* เลื่อนข้อความลงมา */
opacity: 1;
}
.signature-text {
font-family: 'Great Vibes', cursive;
font-size: 7em;
color: #fff0f5;
text-shadow: 0 0 6px #ff5a8c, 0 0 12px #800020;
user-select: none;
pointer-events: none;
}
</style>
<div class="b00k">
<div class="p4ge-l3ft">
<img src="https://i.postimg.cc/cLKQ0wXm/image-2025-08-12-054422242.png" width="420" height="500" alt="บาเกะดานูกิ"><br><br>
<div class="signature-box">
<div class="sig-content">
<span class="signature-text">Denista Nortara</span>
</div>
</div>
</div>
<div class="p4ge-r1ght">
<h1>No. 3 | Bake-danuki (บาเกะดานูกิ)</h1>
<br><p>
รูปลักษณ์ : ทานูกิที่อ้วนกว่าปกติ.. และยืนสองขา ดูมีภาพลักษณ์ของตัวปัญหาที่มากกว่าแถมยังติดเหล้าในแบบที่ทานูกิโดยทั่วไปไม่ค่อยเป็น<br><br>
การพิชิตครั้งแรก : ณ โอซาก้า |🏙<br><br>
ชีวประวัติ : บาเกะดานูกิเป็นตำนานพื้นบ้านญี่ปุ่นที่เล่าถึงทานูกิประเภทหนึ่ง.. ฉันไม่แน่ใจว่าสรุปแล้วทั้งสองถือเป็นญาติหรือไม่เกี่ยวข้องกันเลย แต่อย่างไรก็ตาม ผู้คนเชื่อว่ามันมีพลังวิเศษในการแปลงร่างและสร้างภาพลวงตา ในทุกเรื่องเล่ามักบอกว่าพวกมันมีนิสัยขี้เล่น ซุกซน รวมไปถึงเจ้าเล่ห์ ดูเอาจากนิสัยที่ชอบปลอมตัวและหลอกลวงคน ทานูกิหลายตัวมีตำนานเกี่ยวกับการช่วยเหลือผู้อื่นเช่น "โชบุนทานูกิ" ที่เป็นเรื่องของทานูกิปลอมตัวมาเล่นดนตรีสร้างความสนุกสนาน หรือ "โยกะอิ-ดานูกิ" ที่กลายเป็นปีศาจแก้แค้นมนุษย์ แต่สำหรับเจ้าบาเกะดานูกิ.. ไอหนุ่มสายพันธุ์นี้เป็นพวกวนอยู่กับใต้สะดือของแท้เลย<br><br>
ประสบการณ์ของคุณ : .. ขอโทษทีฉัน จำไม่ได้ สินสงครามของมันอยู่ในกระเป๋าฉันไปแล้วน่ะ<br>
</p>
</div>
</div>
<style type="text/css">@import url('https://fonts.googleapis.com/css?family=Pattaya'); Pat {font-family : 'Pattaya';}</style>
<style type="text/css">@import url('https://fonts.googleapis.com/css?family=Great Vibes'); Great Vibes{font-family : 'Great Vibes';}</style>
แก้ไขครั้งสุดท้ายโดย Denista เมื่อ 2025-8-12 05:53 <br /><br />
<style>
.b00k {
width: 1000px;
margin: 60px auto;
background: url("https://i.postimg.cc/gcCCpHzz/image-2025-08-12-041254818.png") center/cover;
padding: 50px;
border-radius: 15px;
box-shadow: 0 20px 60px rgba(0,0,0,0.7);
position: relative;
display: flex;
gap: 40px;
}
.b00k::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 49%;
width: 3px;
background: rgba(0,0,0,0.4);
box-shadow: -2px 0 5px rgba(0,0,0,0.4), 2px 0 5px rgba(0,0,0,0.4);
transform: translateX(-50%);
}
/* ฝั่งซ้าย */
.p4ge-l3ft {
flex: 1;
}
.p4ge-l3ft img {
max-width: 90%;
border-radius: 10px;
border: 3px solid rgba(255, 80, 120, 0.5);
box-shadow: 0 0 25px rgba(255, 0, 60, 0.4);
transition: transform 0.5s ease;
}
.p4ge-l3ft img:hover {
transform: scale(1.05) rotate(-1deg);
}
/* ฝั่งขวา */
.p4ge-r1ght {
width: 40%; /* กำหนดความกว้างตามต้องการ */
height: 550px; /* ความสูงตายตัวของกล่อง */
overflow-y: auto; /* เปิด scroll bar แนวตั้ง */
padding: 30px;
background: rgba(20,0,10,0.85); /* สีพื้นหลังโปร่ง */
border-radius: 12px;
box-shadow: inset 0 0 20px rgba(255,0,60,0.3);
}
.p4ge-r1ght h1 {
font-family: 'Pattaya', sans-serif;
font-size: 7em;
color: #ff7aa5;
text-shadow: 0 0 5px #ff3c78, 0 0 15px #ff0055, 0 0 35px #ff0055;
}
.p4ge-r1ght p {
font-family: 'Kanit', sans-serif;
font-size: 3em;
color: #d8c2c7;
line-height: 1.8em;
text-align: justify;
}
.p4ge-r1ght::-webkit-scrollbar {
width: 8px;
}
.p4ge-r1ght::-webkit-scrollbar-track {
background: rgba(50, 0, 20, 0.3);
border-radius: 4px;
}
.p4ge-r1ght::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #ff5a8c, #800020);
border-radius: 4px;
}
.p4ge-r1ght::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #ff7aa8, #a00030);
}
</style>
<style>
.signature-box {
width: 450px;
height: 40px; /* ความสูงตอนปิด */
background: rgba(20, 0, 10, 0.6);
border-radius: 8px;
overflow: hidden;
cursor: pointer;
box-shadow: 0 0 10px rgba(255, 80, 120, 0.5);
position: relative;
transition: height 0.5s ease;
border: 2px solid #ff5a8c;
}
.signature-box:hover {
height: 100px; /* กางกล่องลง */
background: linear-gradient(135deg, #ff5a8c, #800020);
box-shadow: 0 0 20px #ff5a8c;
}
.sig-content {
position: absolute;
top: -60px; /* ซ่อนข้อความก่อน */
left: 0;
width: 100%;
height: 60px;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
transition: top 0.5s ease, opacity 0.5s ease;
}
.signature-box:hover .sig-content {
top: 18px; /* เลื่อนข้อความลงมา */
opacity: 1;
}
.signature-text {
font-family: 'Great Vibes', cursive;
font-size: 7em;
color: #fff0f5;
text-shadow: 0 0 6px #ff5a8c, 0 0 12px #800020;
user-select: none;
pointer-events: none;
}
</style>
<div class="b00k">
<div class="p4ge-l3ft">
<img src="https://i.postimg.cc/zDFmFRw0/image-2025-08-12-054937245.png" width="420" height="500" alt="บาเกะดานูกิ"><br><br>
<div class="signature-box">
<div class="sig-content">
<span class="signature-text">Denista Nortara</span>
</div>
</div>
</div>
<div class="p4ge-r1ght">
<h1>No. 4 | Cyclops (ไซคลอปส์)</h1>
<br><p>
รูปลักษณ์ : พวกมันมีรูปร่างใหญ่กำยำเข้าขั้นของคำว่ายักษ์ทำให้มีพละกำลังมหาศาล จุดเด่นที่แตกต่างจากสิ่งมีชีวิตอื่นคือดวงตาข้างเดียวที่โดดเดี่ยวอยู่กลางหน้าผาก ใบหน้าของพวกมันมองจากที่ไกล ๆ ยังรู้ว่าหยาบกร้านและดุดัน ดูไม่ค่อยเหมือนสัตว์สังคมทำให้น่ากลัวเกินไปในหลายครั้ง หรือไม่ก็ดูเป็นสิ่งมีชีวิตที่ไม่มีสติปัญญา อย่างไรก็ตาม บางครั้งพวกเขาถูกเชื่อว่าเป็นช่างฝีมือยอดเยี่ยม โดยเฉพาะการตีเหล็กทำให้ภาพลักษณ์ของพวกมันเป็นทั้งผู้ทำลายและผู้สร้างในเวลาเดียวกัน (แต่ฉันก็ยังไม่เคยเจอไซคลอปส์ที่นิสัยดีนะ??)<br><br>
การพิชิตครั้งแรก (เนเรซ่า) : ณ ตลาดนัดลองไอร์แลน |🏙<br>
การพิชิตครั้งแรก (เนเรซ่า) : ณ บันทึกการเดินทางหน้าที่ 6 |🏙<br><br>
ชีวประวัติ : ไซคลอปส์ถูกบันทึกไว้ในปกรณัมกรีกมานับแต่โบราณ หากอ้างอินจากในตำนานแบ่งไซคลอปส์ออกเป็นสองกลุ่มใหญ่ ๆ กลุ่มแรกคือไซคลอปส์ดั้งเดิมที่สร้างโดยเทพีไกอาและยูเรนัสที่มีส่วนช่วยในการสร้างอาวุธสายฟ้าให้กับเทพซุสในการต่อสู้กับไททัน ส่วนอีกกลุ่มหนึ่งคือลูกหลานของเทพโพไซดอน เช่น โพลีฟีมุส จากมหากาพย์โอดิสซี ของโฮเมอร์ ที่มีบทบาทสำคัญในการจับโอดิสซีอุสและลูกเรือ ก่อนจะถูกโอดิสซีอุสหลอกให้เมาและแทงตาจนบอด (มีตาเดียวอยู่แล้วยังต้องมาตาบอดอีก น่าสงสารจริง ๆ)<br><br>
ประสบการณ์ของคุณ : ที่อู่ซ่อมรถบ้า ๆ นั่น อเล็กซานเดอร์กับฉันเผอิญต้องกลายมาเป็นผู้ผดุงความยุติธรรมเนื่องจากเจ้าของอู่ตัวจริงดันหายไปและมีชายแปลกหน้าชื่อจอร์ชที่อ้างตัวว่าเป็นญาติปรากฏตัวแทน แต่สิ่งที่ทำให้ทุกอย่างยิ่งประหลาดคือจอร์ชมีดวงตาเดียวอยู่กลางหน้าผาก—เขาเป็นไซคลอปส์..(กรอกตา) ฉันสู้กับหมอนั่นในห้องทำงานแคบ ๆ ของอู่ซ่อมรถ ฉันรู้ว่าการสู้ระยะประชิดกับสิ่งมีชีวิตตัวใหญ่กว่าและแข็งแกร่งกว่าฉันสองเท่าเป็นเรื่องที่โง่(มาก) ดังนั้นฉันเลยตัดสินใจใช้ไหวพริบและความเร็วของตัวเองให้เป็นประโยชน์ด้วยการโยนทุกสิ่งที่ขวางหน้าใส่ไซคลอปส์ ทั้งกล่องเครื่องมือ โต๊ะไม้และแม้แต่โซ่เหล็กเก่า ๆ ที่ห้อยอยู่ข้างกำแพง มันไม่มีอะไรที่ดูเหมือนการต่อสู้เลย เหมือนฉากตลกจากหนังคอเมดี้ด้วยซ้ำ— แต่เพื่อจะจัดการเขา ฉันก็ยังจำเป็นต้องยกอาวุธมาซัดอยู่ดี ดังนั้นในช่วงจังหวะที่ฉันหาพลิกสถานการณ์ได้ ฉันก็ได้ใช้มีดสั้นสัมฤทธิ์จัดการเจ้านั่นจนคว่ำก่อนที่ตำรวจจะมาถึงแม้ว่าฉันจะสะบักสะบอมไปหน่อยก็เถอะ<br>
</p>
</div>
</div>
<style type="text/css">@import url('https://fonts.googleapis.com/css?family=Pattaya'); Pat {font-family : 'Pattaya';}</style>
<style type="text/css">@import url('https://fonts.googleapis.com/css?family=Great Vibes'); Great Vibes{font-family : 'Great Vibes';}</style>
หน้า:
[1]