God โพสต์ 2024-8-24 20:46:41

【กฎการโรลเพลย์ลำดับเวลา】



<style>
    @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Noto+Sans+Thai:wght@300;400;700&family=Orbitron:wght@400;700&display=swap');

    /* --- 🏛️ CHRONOS WRAPPER --- */
    .time-reg-container {
      max-width: 900px;
      margin: 50px auto;
      background: #fcfcfc;
      border: 1px solid #d1d1d1;
      box-shadow: 0 30px 60px rgba(0,0,0,0.05);
      font-family: 'Noto Sans Thai', sans-serif;
      position: relative;
      overflow: hidden;
    }

    /* ตกแต่งมุมด้วยสัญลักษณ์นาฬิกาจางๆ */
    .time-reg-container::after {
      content: "⌛";
      position: absolute;
      bottom: -20px;
      right: -20px;
      font-size: 150px;
      opacity: 0.03;
      transform: rotate(-20deg);
      pointer-events: none;
    }

    /* --- 📜 HEADER --- */
    .time-reg-header {
      background: #111;
      padding: 50px;
      text-align: center;
      border-bottom: 5px solid #c5a059;
    }

    /* --- 🕒 TIME-LINE LIST --- */
    .time-rule-list {
      padding: 50px 70px;
      position: relative;
    }

    .time-rule-item {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      position: relative;
    }

    /* เส้นเชื่อมลำดับเวลา */
    .time-rule-item:not(:last-child)::after {
      content: "";
      position: absolute;
      left: 20px;
      top: 50px;
      width: 1px;
      height: calc(100% - 10px);
      background: dashed #c5a059;
      opacity: 0.3;
    }

    .time-icon-circle {
      width: 42px;
      height: 42px;
      background: #fff;
      border: 2px solid #c5a059;
      color: #c5a059;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Orbitron', sans-serif;
      font-weight: 700;
      z-index: 2;
      box-shadow: 0 4px 10px rgba(197, 160, 89, 0.2);
    }

    .time-rule-content {
      flex: 1;
      padding-top: 5px;
    }

    .time-rule-content b {
      display: block;
      margin-bottom: 10px;
      color: #111;
      letter-spacing: 0.5px;
    }

    /* --- 📝 EXAMPLE AREA --- */
    .time-example-wrap {
      background: #f0f0f0;
      border-left: 5px solid #111;
      margin: 40px 0 20px;
      padding: 30px;
    }

    .example-tag {
      background: #111;
      color: #c5a059;
      padding: 3px 12px;
      font-family: 'Orbitron', sans-serif;
      font-size: 10px;
      letter-spacing: 2px;
      display: inline-block;
      margin-bottom: 15px;
    }

    /* --- 🖋️ FOOTER --- */
    .time-reg-footer {
      padding: 30px;
      text-align: center;
      background: #1a1a1a;
      border-top: 1px solid #c5a059;
    }
</style>

<div class="time-reg-container">
   
    <div class="time-reg-header">
      <font face="Cinzel" size="6" color="#c5a059" style="letter-spacing: 5px;">TIMELINE REGULATION</font><br>
      <font size="2" color="#888" style="letter-spacing: 3px; margin-top: 10px; display: block;">กฎระเบียบการโรลเพลย์ลำดับเวลา</font>
    </div>

    <div class="time-rule-list">
      
      <div class="time-rule-item">
            <div class="time-icon-circle">01</div>
            <div class="time-rule-content">
                <font size="4"><b>การกำหนดเวลาสตอรี่</b></font>
                <font size="3" color="#555">สามารถกำหนดเวลาในคอมมูภายในโพสต์จั่วหัวโรลเพลย์ได้ แม้เวลาโพสต์จริงจะต่างกัน เช่น โพสต์จริงเวลา 23.00 น. แต่ในสตอรี่ระบุเป็นช่วงเช้าของวันได้</font>
            </div>
      </div>

      <div class="time-rule-item">
            <div class="time-icon-circle">02</div>
            <div class="time-rule-content">
                <font size="4"><b>การเรียงลำดับเวลา (Chronology)</b></font>
                <font size="3" color="#555">สตอรี่ต้องเรียงลำดับไปข้างหน้าตามวันเวลาปัจจุบันเท่านั้น ห้ามสคิปไปอนาคต หรือโรลสลับเวลาถอยหลัง (เช่น เจอ NPC ตอนเช้าแล้วโรลต่อไปย้อนไปช่วงก่อนหน้าเช้าไม่ได้)</font>
            </div>
      </div>

      <div class="time-rule-item">
            <div class="time-icon-circle">03</div>
            <div class="time-rule-content">
                <font size="4"><b>ข้อจำกัดในการพบ NPC</b></font>
                <font size="3" color="#555">หากในช่วงเวลาเดียวกันมี NPC มากกว่า 1 คน และคุณมีปฏิสัมพันธ์กับคนแรกแล้ว จะไม่สามารถเจอคนอื่นในช่วงเวลานั้นได้อีก เนื่องจาก NPC ท่านอื่นกำลังปฏิบัติภารกิจในที่อื่น</font>
            </div>
      </div>

      <div class="time-rule-item" style="margin-bottom: 0;">
            <div class="time-icon-circle">04</div>
            <div class="time-rule-content">
                <font size="4"><b>กฎการย้อนเวลา (Max 24 Hours)</b></font>
                <font size="3" color="#555">การย้อนเวลาเพื่อทำสตอรี่หรือภารกิจ <font color="#c5a059"><b>ห้ามเกิน 1 วันจากปัจจุบัน</b></font> (เช่น วันที่ 1/1 ย้อนได้ถึง 31/12) หากย้อนไกลกว่านั้นต้องสคิปสตอรี่มาที่วันที่กำหนดทันที</font>
            </div>
      </div>

      <div class="time-example-wrap">
            <div class="example-tag">FORMAT EXAMPLE</div>
            <font size="3" color="#111" style="line-height: 2;">
                <b>วันที่ xx เดือน xx ปีที่ xx (หน้าแชท)</b><br>
                <b>ช่วงเวลา 06.00 - 08.00 น.</b><br>
                <i style="color: #888;">เนื้อหาโรลเพลย์ของคุณ...</i>
            </font>
      </div>

    </div>

    <div class="time-reg-footer">
      <font face="Orbitron" size="1" color="#c5a059" style="letter-spacing: 5px;">TIME CONTROL SYSTEM // COMMUNITY GUIDELINES</font>
    </div>

</div>
หน้า: [1]
ดูในรูปแบบกติ: 【กฎการโรลเพลย์ลำดับเวลา】