Phatranit โพสต์ 3 วันที่แล้ว

Monster Journal

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

<div style="font-family:'Kanit',sans-serif; width:100%;
            background:#150024;
            display:flex; justify-content:center; align-items:center; padding:30px 10px; box-sizing:border-box;">

<!-- Container -->
<div style="display:flex; flex-direction:row; gap:20px; width:90%; max-width:1100px; flex-wrap:wrap; justify-content:center;">

    <!-- Left Box -->
    <div style="flex:1 1 400px; background:#150024; border:2px solid #ffd700;
                border-radius:4px; padding:10px; min-width:300px;
                display:flex; justify-content:center; align-items:center;">
      <img src="https://img2.pic.in.th/pic/1000065406.md.png" alt="Cover" style="max-width:100%; height:auto; object-fit:contain;">
    </div>

    <!-- Right Box -->
    <div style="flex:1 1 400px; background:#150024; border:2px solid #ffd700;
                border-radius:4px; padding:15px; min-width:300px;
                display:flex; flex-direction:column; align-items:center; color:#fff;">

      <!-- Text Box -->
      <div style="width:100%; border:2px solid #ffd700; border-radius:4px;
                  padding:12px; margin-bottom:15px; text-align:center;">
      <div style="line-height:1.8; font-size:1rem;">“เสียงครวญของเจ้าจะถูกบันทึกเป็นเพียงลมหนึ่งในนรก…ไม่มีใครเอ่ยชื่อซ้ำ”</div><div style="line-height:1.8; font-size:1rem;"><br></div>
      </div>

      <!-- Portrait Circle -->
      <div style="width:140px; height:140px; border-radius:50%; overflow:hidden;
                  border:2px solid #ffd700; box-shadow:0 0 10px rgba(255,215,0,0.4);">
      <img src="https://img5.pic.in.th/file/secure-sv1/1000065405.md.jpg" alt="Portrait" style="width:100%; height:100%; object-fit:cover;">
      </div>
    </div>

</div>
</div>

<div align="center"><br></div><div align="center"><iframe width="560" height="315" src="https://www.youtube.com/embed/8ZCGPAss8Gw?autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>

Phatranit โพสต์ 3 วันที่แล้ว

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

<div style="font-family:'Kanit',sans-serif; width:100%;
            background:#150024;
            display:flex; justify-content:center; align-items:flex-start; padding:30px 10px; box-sizing:border-box;">

<!-- Container -->
<div style="display:flex; flex-direction:row; gap:20px; width:90%; max-width:1100px; flex-wrap:wrap; justify-content:center;">

    <!-- Left Box -->
    <div style="flex:1 1 400px; background:#150024; border:2px solid #ffd700;
                border-radius:4px; padding:10px; min-width:300px;
                display:flex; justify-content:center; align-items:center;">
      <img src="https://img2.pic.in.th/pic/1000065406.md.png" alt="Cover" style="max-width:100%; height:auto; object-fit:contain;">
    </div>

    <!-- Right Box -->
    <div style="flex: 1 1 400px; background: rgb(21, 0, 36); border: 2px solid rgb(255, 215, 0); border-radius: 4px; padding: 15px; min-width: 300px; display: flex; flex-direction: column; align-items: center;">

      <!-- Scrollable Text Box -->
      <div style="width: 100%; max-height: 400px; overflow-y: auto; border: 2px solid rgb(255, 215, 0); border-radius: 4px; padding: 12px; margin-bottom: 15px; text-align: left; line-height: 1.6; font-size: 0.95rem;">

      <strong style="color: rgb(255, 255, 255);">ชื่ออสุรกาย:</strong><font color="#ffffff"> หมายเลขที่ 1 ฮาร์ปี้ (Harpy No.1)</font><br><br>

      <strong style="color: rgb(255, 255, 255);">การพิชิตครั้งแรก ณ ที่ใด:</strong> <font color="#ff8c00">[</font><a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&amp;goto=findpost&amp;ptid=503&amp;pid=8084" style="font-size: 12px; display: inline !important;"><font color="#ff8c00">พิชิตอสุรกายฮาร์ปี้</font></a><span style="color: rgb(255, 140, 0); font-size: 0.95rem;">]</span></div><div style="color: rgb(255, 255, 255); width: 100%; max-height: 400px; overflow-y: auto; border: 2px solid rgb(255, 215, 0); border-radius: 4px; padding: 12px; margin-bottom: 15px; text-align: left; line-height: 1.6; font-size: 0.95rem;"><br>

      <strong>ชีวประวัติอสุรกาย:</strong><br>
      ฮาร์ปี้เป็นอสุรกายกึ่งนกกึ่งหญิงในตำนานกรีก มีร่างกายคล้ายนกขนาดใหญ่ ปีกกว้างสีคล้ำ ดวงตาแหลมคม และมีใบหน้าที่บิดเบี้ยวไปจากความเป็นมนุษย์ พวกมันถูกกล่าวขานว่าเป็น "ลมพายุแห่งการลงทัณฑ์" ผู้คอยลงโทษมนุษย์ด้วยการจู่โจมฉับพลัน ลักษณะนิสัยของมันดุร้าย กระหายเนื้อสด และจะบินลงมาโจมตีเป้าหมายอย่างไร้ความปรานี

      โดยทั่วไป ฮาร์ปี้ไม่ปรากฏตัวง่าย ๆ แต่เมื่อมันปรากฏขึ้น แสดงว่ามีบางสิ่งรบกวนพลังของมัน หรือมันกำลังหิวโหยจนทนไม่ไหว<br><br>

      <strong>ประสบการณ์ของคุณ – การเผชิญหน้าครั้งแรก:</strong><br>
      "ฉันได้พบกับฮาร์ปี้ตัวนี้โดยไม่คาดคิด ขณะกำลังไปเดินเล่นเพื่อสูดอากาศที่ หุบเขาโซโนมา

      บรรยากาศตอนนั้นเงียบสงบ แสงแดดยามสายลอดผ่านยอดไม้ลงมาเป็นลำ แต่จู่ ๆ ความสงบก็ถูกฉีกขาดด้วยเสียงกรีดร้องแหลมสูงราวกับเสียงเหล็กเสียดสีกัน

      ฉันเงยหน้าขึ้นไปมองบนท้องฟ้า และเห็นร่างเงาดำบินโฉบวนหลายรอบก่อนจะพุ่งลงมา ฮาร์ปี้ปรากฏตัวพร้อมสายลมแรงพัดกระหน่ำ มันทั้งน่ากลัวและน่าขนลุกในเวลาเดียวกัน หัวใจฉันเต้นแรง แต่สัญชาตญาณการเอาตัวรอดก็บังคับให้ฉันหยิบอาวุธขึ้นมาต่อสู้

      การปะทะกับมันเต็มไปด้วยความกดดัน เสียงปีกกระพือแรงทำให้พื้นสะเทือนทุกครั้งที่มันโฉบลงมาเล็งโจมตี ฉันต้องตั้งสมาธิและหาจังหวะสวนกลับให้ได้ จนในที่สุด ด้วยการโจมตีที่แม่นยำ ฉันก็สามารถพิชิตมันลงได้สำเร็จ

      แม้จะเหนื่อยและเต็มไปด้วยเหงื่อ แต่ความรู้สึกตอนนั้น…คือชัยชนะครั้งแรกที่ได้พิชิตอสุรกายจริง ๆ"
      </div>

      <!-- Portrait Circle -->
      <div style="color: rgb(255, 255, 255); width: 140px; height: 140px; border-radius: 50%; overflow: hidden; border: 2px solid rgb(255, 215, 0); box-shadow: rgba(255, 215, 0, 0.4) 0px 0px 10px; margin-bottom: 12px;">
      <img src="https://img2.pic.in.th/pic/10000654228b43051fc32fe422.md.jpg" alt="Portrait" style="width:100%; height:100%; object-fit:cover;">
      </div>

      <!-- +1 ตื่นรู้ -->
      <div style="color: rgb(21, 0, 36); background: rgb(255, 215, 0); font-weight: 700; font-size: 1.1rem; padding: 10px 16px; border-radius: 6px; box-shadow: rgba(255, 215, 0, 0.6) 0px 0px 8px; text-align: center; margin-bottom: 5px;">
      +1 <span style="font-size:1.3rem; font-weight:900; text-transform:uppercase;">ตื่นรู้</span> จากการทำบันทึกอสุรกาย
      </div>

    </div>

</div>
</div>



<!-- Custom Scrollbar -->
<style>
/* สำหรับ Scrollbar ของกล่องเนื้อหา */
div::-webkit-scrollbar {
    width: 10px;
}
div::-webkit-scrollbar-track {
    background: #150024;
}
div::-webkit-scrollbar-thumb {
    background-color: #ffd700;
    border-radius: 6px;
    border: 2px solid #150024;
}
</style>
หน้า: [1]
ดูในรูปแบบกติ: Monster Journal