The Devil Book Of Butterfly

Soyeon โพสต์ เมื่อวานซืน 09:09

แก้ไขครั้งสุดท้ายโดย Soyeon เมื่อ 2025-8-27 09:25 <br /><br />
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600;800&display=swap" rel="stylesheet">


<div style="
font-family:'Kanit', sans-serif;
color:#fff;
max-width:1300px;
margin:40px auto;
padding:20px;
border:14px solid #9e9e9e; /* กรอบนอกสีเทา */
border-radius:28px;
background:#111;
box-shadow:0 24px 60px rgba(0,0,0,.65);
">

<div style="
border:12px solid #6a0d0d; /* กรอบในสีแดงเลือดหมู */
border-radius:22px;
padding:20px;
background:linear-gradient(160deg,#1b0000 0%,#2b0000 40%,#120000 100%);
">


<div style="text-align:center; margin-bottom:30px;">
   <span style="
   font-size:42px; font-weight:800; text-transform:uppercase;
   letter-spacing:.12em;
   padding:10px 24px;
   border:3px double rgba(255,215,0,.5);
   border-radius:14px;
   text-shadow:0 0 12px rgba(255,0,0,.6),0 0 20px rgba(255,215,0,.5);
   ">
   The Devil Book
   </span>
</div>


<div style="
   position:relative;
   display:flex; gap:30px;
   justify-content:center;
   align-items:stretch;
   background:
   linear-gradient(to right,
      rgba(0,0,0,0) 49%,
      rgba(0,0,0,0.45) 50%,
      rgba(0,0,0,0) 51%); /* เงาสันหนังสือ */
">

   
   <div style="flex:1; display:flex; justify-content:center; align-items:center;">
   <div style="
      position:relative;
      border:14px solid transparent;
      border-radius:18px;
      background:
         linear-gradient(#1a1a1a,#1a1a1a) padding-box,
         linear-gradient(45deg,#8a6f27,#d4af37,#ffd700,#d4af37,#8a6f27) border-box;
      box-shadow:
         inset -20px 0 40px rgba(0,0,0,.4),
         0 0 0 2px rgba(255,215,0,.35) inset,
         0 20px 60px rgba(0,0,0,.55),
         0 0 48px rgba(255,215,0,.12);
      overflow:hidden;
      width:100%; aspect-ratio:3/4;
   ">
      <div style="
         position:absolute; top:0; left:0; right:0; bottom:0;
         background:radial-gradient(ellipse at right center,
         rgba(255,255,255,0.12) 0%, rgba(0,0,0,0) 70%);
         pointer-events:none;
      "></div>
      <img src="https://img2.pic.in.th/pic/1000065453.md.png" alt="Page 1" style="width:100%; height:100%; object-fit:cover; display:block;">
   </div>
   </div>

   
   <div style="flex:1; display:flex; flex-direction:column; gap:20px;">
   <div style="text-align:center; font-size:28px; font-weight:700; text-shadow:0 0 10px rgba(255,0,0,.5);">
      หนังสือแห่งปีศาจ กับ ผีเสื้อตัวน้อย โซยอน
   </div>

   <div style="
      position:relative;
      font-size:16px; line-height:1.8;
      padding:14px 16px;
      border-radius:14px;
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.08);
      text-align:center;
      box-shadow:
         inset 20px 0 40px rgba(0,0,0,.35),
         inset 0 0 18px rgba(255,0,0,.15);
   ">
กรุ๊งกริ๊งๆ ยินดีต้อนรับเข้าสู่ <b>หนังสือแห่งปีศาจ กับ เสื้อตัวน้อยโซยอน</b> ค่ะ วู้วฮู้วว
ก่อนอื่นเลยอยากจะบอกทุกคนว่า หนูก็ตัวจิ้วแค่นี้เอง แถมเป็นแค่ผีเสื้อบอบบาง
และก็เป็นแค่บุตรสาวของท่านเทพอพอลโล่ และ ก็เป็นลูกหลานบรรพบุรุษ ของ ท่านเทพวีนัส
จะไปฆ่าปีศาจได้กี่ตัวกันน๊านานิ บินหนี!!
   </div>

   <div style="
      position:relative;
      border:14px solid transparent;
      border-radius:16px;
      background:
         linear-gradient(#1a1a1a,#1a1a1a) padding-box,
         linear-gradient(45deg,#8a6f27,#d4af37,#ffd700,#d4af37,#8a6f27) border-box;
      box-shadow:
         inset 20px 0 40px rgba(0,0,0,.4),
         0 0 0 2px rgba(255,215,0,.35) inset,
         0 20px 60px rgba(0,0,0,.55),
         0 0 48px rgba(255,215,0,.12);
      overflow:hidden;
      width:100%; aspect-ratio:1/1;
   ">
      <div style="
         position:absolute; top:0; left:0; right:0; bottom:0;
         background:radial-gradient(ellipse at left center,
         rgba(255,255,255,0.12) 0%, rgba(0,0,0,0) 70%);
         pointer-events:none;
      "></div>
      <img src="https://img5.pic.in.th/file/secure-sv1/1000065454.md.jpg" alt="Page 2" style="width:100%; height:100%; object-fit:cover; display:block;">
   </div>
   </div>
</div>
</div>
</div>
<div align="center"><br></div><div align="center"><iframe width="560" height="315" src="https://www.youtube.com/embed/MsOOG4Q5HvQ?autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>

Soyeon โพสต์ เมื่อวานซืน 10:16

แก้ไขครั้งสุดท้ายโดย Soyeon เมื่อ 2025-8-27 10:27 <br /><br />
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600;800&display=swap" rel="stylesheet">


<div style="font-family: Kanit, sans-serif; max-width: 1300px; margin: 40px auto; padding: 20px; border: 14px solid rgb(158, 158, 158); border-radius: 28px; background: rgb(17, 17, 17); box-shadow: rgba(0, 0, 0, 0.65) 0px 24px 60px;">


<div style="border: 12px solid rgb(106, 13, 13); border-radius: 22px; padding: 20px; background: linear-gradient(160deg, rgb(27, 0, 0) 0%, rgb(43, 0, 0) 40%, rgb(18, 0, 0) 100%);">


<div style="color: rgb(255, 255, 255); text-align: center; margin-bottom: 30px;">
   <span style="
   font-size:42px; font-weight:800; text-transform:uppercase;
   letter-spacing:.12em;
   padding:10px 24px;
   border:3px double rgba(255,215,0,.5);
   border-radius:14px;
   text-shadow:0 0 12px rgba(255,0,0,.6),0 0 20px rgba(255,215,0,.5);
   ">
   The Devil Book
   </span>
</div>


<div style="position: relative; display: flex; gap: 30px; justify-content: center; align-items: stretch; background: linear-gradient(to right, rgba(0, 0, 0, 0) 49%, rgba(0, 0, 0, 0.45) 50%, rgba(0, 0, 0, 0) 51%);">

   
   <div style="color: rgb(255, 255, 255); flex: 1 1 0%; display: flex; justify-content: center; align-items: center;">
   <div style="
      position:relative;
      border:14px solid transparent;
      border-radius:18px;
      background:
         linear-gradient(#1a1a1a,#1a1a1a) padding-box,
         linear-gradient(45deg,#8a6f27,#d4af37,#ffd700,#d4af37,#8a6f27) border-box;
      box-shadow:
         inset -20px 0 40px rgba(0,0,0,.4),
         0 0 0 2px rgba(255,215,0,.35) inset,
         0 20px 60px rgba(0,0,0,.55),
         0 0 48px rgba(255,215,0,.12);
      overflow:hidden;
      width:100%; aspect-ratio:3/4;
   ">
      <div style="
         position:absolute; top:0; left:0; right:0; bottom:0;
         background:radial-gradient(ellipse at right center,
         rgba(255,255,255,0.12) 0%, rgba(0,0,0,0) 70%);
         pointer-events:none;
      "></div>
      <img src="https://img2.pic.in.th/pic/1000065453.md.png" alt="Page 1" style="width:100%; height:100%; object-fit:cover; display:block;">
   </div>
   </div>

   
   <div style="flex: 1 1 0%; display: flex; flex-direction: column; gap: 20px;">

   
   <div style="color: rgb(255, 255, 255); text-align: center; font-size: 28px; font-weight: 700; text-shadow: rgba(255, 0, 0, 0.5) 0px 0px 10px;">
      ฮาร์ปี้
   </div>

   
   <div style="position: relative; font-size: 16px; line-height: 1.8; padding: 14px 16px; border-radius: 14px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.08); text-align: left; box-shadow: rgba(0, 0, 0, 0.35) 20px 0px 40px inset, rgba(255, 0, 0, 0.15) 0px 0px 18px inset;">
      <b style="color: rgb(255, 255, 255);">การพิชิตครั้งแรก ณ ที่ใด:</b><font color="#ffffff"> </font><a href="https://percyjackson.mooorp.com/thread/503/1/1" style=""><font color="#ff0000">ลิงก์พิชิตอสุรกายครั้งแรก</font></a><br><br>
      <b style="color: rgb(255, 255, 255);">ชีวประวัติอสุรกาย:</b><font color="#ffffff"> ฮาร์ปี้เป็นอสุรกายปีกบินได้ มีร่างกายส่วนบนเป็นผู้หญิง ส่วนล่างเป็นนกขนาดใหญ่ มีกรงเล็บคมและสามารถโจมตีด้วยความเร็วสูง มักอาศัยอยู่ตามหุบเขา ป่าเขา และหน้าผาสูง ในตำนานเทพปกรณัม ฮาร์ปี้มักถูกใช้เป็นสัญลักษณ์แห่งการลงโทษและการแก้แค้น สำหรับนักรบหรือลูกครึ่งเทพ การเรียนรู้พฤติกรรมของฮาร์ปี้ถือเป็นสิ่งสำคัญ เพราะพวกมันมีความฉลาดและสามารถวางกับดักนักเดินทางได้</font><br><br>
      <b style="color: rgb(255, 255, 255);">ประสบการณ์ของคุณ:</b><font color="#ffffff"> โซยอนพบฮาร์ปี้สองตัว ณ บริเวณหุบเขาโซโนมา ขณะกำลังเดินทางและคิดถึงคุณแม่จองซูคี ฮาร์ปี้ทั้งสองบินวนเหนือหุบเขาและปล่อยเสียงคำรามที่น่าขนลุก ความเร็วในการโจมตีของพวกมันทำให้โซยอนต้องใช้ความระมัดระวังสูง แต่ด้วยความตั้งใจและการใช้ทักษะการต่อสู้กับอาวุธกราดิอุสไม้ โซยอนได้พิชิตฮาร์ปี้ทั้งสองตัวได้สำเร็จ การต่อสู้ครั้งนี้ไม่เพียงแต่ทดสอบความแข็งแกร่ง แต่ยังสอนให้โซยอนเข้าใจจิตวิญญาณของนักรบและความกล้าหาญที่แท้จริง
   </font></div>

   
   <div style="color: rgb(255, 255, 255); position: relative; border: 14px solid transparent; border-radius: 16px; background: linear-gradient(rgb(26, 26, 26), rgb(26, 26, 26)) padding-box padding-box, linear-gradient(45deg, rgb(138, 111, 39), rgb(212, 175, 55), rgb(255, 215, 0), rgb(212, 175, 55), rgb(138, 111, 39)) border-box border-box; box-shadow: rgba(0, 0, 0, 0.4) 20px 0px 40px inset, rgba(255, 215, 0, 0.35) 0px 0px 0px 2px inset, rgba(0, 0, 0, 0.55) 0px 20px 60px, rgba(255, 215, 0, 0.12) 0px 0px 48px; overflow: hidden; width: 100%; aspect-ratio: 1 / 1;">
      <div style="
         position:absolute; top:0; left:0; right:0; bottom:0;
         background:radial-gradient(ellipse at left center,
         rgba(255,255,255,0.12) 0%, rgba(0,0,0,0) 70%);
         pointer-events:none;
      "></div>
      <img src="https://img5.pic.in.th/file/secure-sv1/1000065455.png" alt="Page 2" style="width:100%; height:100%; object-fit:cover; display:block;">
   </div>

   
   <div style="color: rgb(255, 215, 0); margin-top: 12px; text-align: center; font-size: 18px; font-weight: 600; text-shadow: rgba(255, 215, 0, 0.7) 0px 0px 8px, rgba(255, 0, 0, 0.5) 0px 0px 4px;">
      +1 ตื่นรู้จากการทำบันทึกอสุรกาย
   </div>

   </div>
</div>
</div>
</div>

หน้า: [1]

Percy Jackson and the Olympians Thailand's Archiver

The Devil Book Of Butterfly