เจ้าของ: Watcher

ห้องเสนอสร้างสถานที่

[คัดลอกลิงก์]
โพสต์ 2025-9-28 22:57:39 | ดูโพสต์ทั้งหมด
แบบฟอร์มสร้างสถานที่
หมวดหมู่ที่ตั้งสถานที่: จิงโจว

ชื่อสถานที่: เมืองซินเย่

  1. <style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/-30c0e069ab73ae2a2.jpg"); background-attachment:fixed; }</style><style type="text/css">.head1 {background-color:none ;}.head2 {background-color:none ;}</style>


  2. <div align="center" style="list-style-type: none;">

  3. <style>
  4. #boxsystem01 {
  5. border-radius: 0 px;
  6. border: 0 px double #708090        ;
  7. padding: 30 px;
  8. box-shadow: #708090 0px 0px 5 em;
  9. background-image: url("https://img2.pic.in.th/pic/6d0dea1e3f92aec8794ddbb4993f18a2.jpg");}
  10. </style>

  11. <style>
  12. #boxsystem02 {
  13. width: 600px;
  14. border-radius: 20px;
  15. padding: 3px;
  16. box-shadow: #708090 0px 0px 1em;
  17. background-image: url("https://img5.pic.in.th/file/secure-sv1/-38d26cc30f36a826f.png");}
  18. </style>

  19. <div id="boxsystem01">
  20. <p><br></p><p><br><br></p><p><img src="https://img5.pic.in.th/file/secure-sv1/-170dde127b633429b.png" border="0"></p><p><br></p><center>
  21. <div class="jedi0">
  22. <style>
  23. .jedi0 {
  24. border-radius: 0 px;
  25. background: url("https://img5.pic.in.th/file/secure-sv1/26c3c6702d4bd889688f1e6b559c9a91.png") no-repeat;
  26. box-shadow: 1px 1px 2px #708090, 0 0 25px #708090, 0 0 5px #708090;
  27. -moz-border-radius:25px;
  28. -webkit-border-radius:25px;
  29. border-radius: 25 px;

  30. height: 539px;
  31. width: 800px;
  32. image-size:cover;

  33. background-repeat: no-repeat;
  34. background-size:cover;
  35. background-position: center center;

  36. .tengah {
  37. position: absolute;
  38. }
  39. </style>
  40. </div>

  41. </center>

  42. <font face="Browallia New"><br><br>




  43. </font><div id="boxsystem02">
  44. <p><font size="5" style="" face="Kanit" color="#225e44"><br></font></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><font face="Kanit" size="6" color="#225e44"><span style="white-space-collapse: preserve;"><b style="">เมืองซินเย่</b></span></font></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><font color="#225e44"><br><img src="static/image/hrline/li10.png" border="0" alt=""><br><br></font></p><div style="text-align: left;"><div style="text-align: center;"><div style="text-align: left;"><div style="text-align: center;"><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#225e44" face="Kanit" size="4">เมืองซินเย่ตั้งอยู่ในภูมิภาคจิงโจว ซึ่งเป็นพื้นที่ลุ่มแม่น้ำอุดมสมบูรณ์ ล้อมรอบด้วยแม่น้ำสายหลักและลำธารสาขาที่ช่วยสร้างระบบชลประทานธรรมชาติ เหมาะสำหรับการเพาะปลูกข้าวและพืชไร่อื่น ๆ พร้อมภูเขาเตี้ยและเนินเขาระยะไกลที่ช่วยเป็นแนวป้องกันตามธรรมชาติ สภาพอากาศอบอุ่นชื้นพร้อมฤดูฝนชัดเจนส่งเสริมการเกษตรอย่างยั่งยืน</font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#225e44" face="Kanit" size="4"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#225e44" face="Kanit" size="4">เศรษฐกิจของซินเย่จึงพัฒนาขึ้นจากการเกษตรเป็นหลัก โดยมีการผลิตข้าวและพืชไร่เพื่อบริโภคในท้องถิ่นและส่งออกยังพื้นที่อื่น นอกจากนี้ยังเป็นศูนย์กลางของงานหัตถกรรม เช่น การทอผ้าไหมที่มีชื่อเสียง การผลิตเครื่องมือโลหะโดยการหล่อเหล็ก รวมถึงการทำเครื่องปั้นดินเผาและงานไม้ต่าง ๆ ซึ่งสนับสนุนทั้งการใช้งานภายในและการค้าขายกับเมืองใกล้เคียง</font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#225e44" face="Kanit" size="4"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#225e44" face="Kanit" size="4">การตั้งอยู่บนทำเลที่เชื่อมโยงกับแม่น้ำและเส้นทางบกสำคัญ ทำให้ซินเย่เป็นจุดยุทธศาสตร์ที่มีความสำคัญทั้งทางเศรษฐกิจและการทหาร โดยมีการวางผังเมืองและโครงสร้างพื้นฐานที่ตอบสนองต่อการป้องกันและการพาณิชย์อย่างเป็นระบบ ส่งผลให้เมืองนี้มีความมั่นคงและรุ่งเรือง</font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#225e44" face="Kanit" size="4"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#225e44" face="Kanit" size="4"><br></font></p></div></div></div></div><p><img src="https://img5.pic.in.th/file/secure-sv1/-29b3e72b23145b33b.png" border="0"></p><p><br></p><p><br></p>


  45. </div><font face="Kanit"><font size="3"><font color="black">

  46. <br><br><br><br>

  47. </font></font></font><p></p></div><font face="Kanit"><font size="3"><font color="black"><b>

  48. <br><br>

  49. </b></font></font></font></div>
คัดลอกไปที่คลิปบอร์ด



แสดงความคิดเห็น

โพสต์ 7113 ไบต์และได้รับ 4 EXP! [VIP]  โพสต์ 2025-9-28 22:57
โพสต์ 7,113 ไบต์และได้รับ [ถูกบล็อค] ความชั่ว +2 คุณธรรม +2 ความโหด จาก แหวนดาราจรัส(2)  โพสต์ 2025-9-28 22:57
โพสต์ 7,113 ไบต์และได้รับ +2 EXP [ถูกบล็อค] ความชั่ว +2 คุณธรรม +2 ความโหด จาก ง้าวกรีดนภา  โพสต์ 2025-9-28 22:57
โพสต์ 7,113 ไบต์และได้รับ [ถูกบล็อค] ความชั่ว +2 คุณธรรม +2 ความโหด จาก แหวนดาราจรัส(D)  โพสต์ 2025-9-28 22:57
โพสต์ 7,113 ไบต์และได้รับ [ถูกบล็อค] ความชั่ว +2 ความโหด จาก ปราณเพลิงสีชาด  โพสต์ 2025-9-28 22:57

คะแนน

จำนวนผู้เข้าร่วม 1พลังน้ำใจ +50 ตำลึงทอง +5 เหรียญอู่จู +20 ย่อ เหตุผล
Watcher + 50 + 5 + 20

ดูบันทึกคะแนน

←อุปกรณ์ที่สวมใส่อยู่→
ลำนำ(ซวีหยวน)
แหวนดาราจรัส(2)
หงอนคู่ราชันย์
ง้าวกรีดนภา
แหวนดาราจรัส(D)
ยอดยุทธ์ผู้ล่า
ปราณเพลิงสีชาด
ยอดฝีมือ
กระเป๋าเจ็ดขุมทรัพย์(D)
เกราะเกล็ดมังกร
ทักษะผู้ขี่มังกรตะวันตก
หินสลักโบราณ
อาภรณ์พร่ำพิรุณ (ญ)
มีดแล่เนื้อ
←ไอเท็มที่มีอยู่→
x10
x1
x30
x30
x1
x1
x1
x1
x1
x1
x4
x1
x140
x2
x90
x186
x200
x399
x684
x707
x2
x2
x8
x4
x5
x20
x4
x796
x2
x20
x12
x22
x6
x12
x17
x10
x38
x2
x680
x228
x428
x44
x506
x19
x12
x1
x19
x228
x1
x21
x10
x203
x3
x116
x37
x5
x63
x1
x2
x40
x1
x5
x2
x7
x6
x5
x6
x6
x17
x2
x2
x25
x15
x16
x2
x47
x6
x7
โพสต์ 2025-10-2 09:44:34 | ดูโพสต์ทั้งหมด
มี 2 สถานที่
หมวดหมู่ที่ตั้งสถานที่: ระเบียงเหอซี
ชื่อสถานที่: [เมืองรื่อเล่อ]
  1. <!-- ฟอนต์ -->
  2. <link href="https://fonts.googleapis.com/css2?family=Pacifico&amp;family=Kanit:wght@400;600;800&amp;display=swap" rel="stylesheet">

  3. <style>

  4. /* ปล่อย layout หลักของบอร์ดไว้ แต่ให้หน้าโปร่งเพื่อโชว์วอลเปเปอร์ */
  5. body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }

  6. /* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
  7. html::before{
  8.   content:"";
  9.   position:fixed; inset:0; z-index:-1; pointer-events:none;
  10.   background:url("https://img5.pic.in.th/file/secure-sv1/0d61e1eb6a398a9dc9c98b5f2ec16fe83ae1ca1440275-KNJIjV_fw658webp.png") center/cover no-repeat;
  11.   opacity:1;
  12. }

  13. body{ font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important; }
  14. .phx-frame :where(p, li, span, div, .phx-body, .phx-tag){ font-family:'Kanit',system-ui,-apple-system,sans-serif !important; }
  15. .phx-frame :where(.phx-title, .phx-card h2){ font-family:'Pacifico',cursive !important; }
  16. .phx-frame{ font-size: 100%; line-height: 1.6; }

  17. /* =================== THEME: GOLD =================== */
  18. :root{
  19.   /* พาเลตจากภาพ */
  20.   --gold-ink: #F3E7C6;     /* สีตัวอักษรหลักให้อ่านชัด */
  21.   --gold-ink-soft:#E9DBB2; /* ตัวอักษรรอง */
  22.   --gold-01:#19171b;       /* ดำทองเข้มมาก (ฉาก/เงา) */
  23.   --gold-02:#2f2921;       /* น้ำตาลดำ (พื้นในเฟรม) */
  24.   --gold-03:#563a17;       /* น้ำตาลทองเข้ม (ขอบ/เงาใน) */
  25.   --gold-04:#9e8123;       /* ทองหลัก (ไฮไลต์/เรือง) */

  26.   --radius:22px;
  27.   --maxw:800px;
  28. }

  29. /* หน้าให้โปร่ง เพื่อโชว์วอลเปเปอร์เดิมของบอร์ด */
  30. body{
  31.   background:transparent !important;
  32.   margin:0;
  33.   font-family:'Kanit',system-ui,-apple-system,sans-serif;
  34. }

  35. /* =================== SECTION ของโพสต์นี้ =================== */
  36. .post-bg{
  37.   padding:30px;
  38.   /* ใช้พื้นมืดแบบกำมะหยี่นิด ๆ ให้ทองเด่น */
  39.   background: radial-gradient(120% 80% at 50% -10%, rgba(158,129,35,.20), transparent 60%),
  40.               radial-gradient(140% 90% at -10% 110%, rgba(25,23,27,.75), rgba(25,23,27,.95));
  41. }

  42. /* กรอบรวม */
  43. #box01{
  44.   position:relative;
  45.   max-width:980px; margin:0 auto;
  46.   border-radius:calc(var(--radius) + 2px);
  47.   padding:42px 48px;
  48.   background:linear-gradient(180deg, rgba(47,41,33,.86) 0%, rgba(25,23,27,.90) 100%);
  49.   border:1px solid rgba(158,129,35,.35);
  50.   box-shadow:
  51.     0 18px 40px rgba(0,0,0,.45),
  52.     inset 0 1px 0 rgba(255,255,255,.04);
  53.   overflow:hidden;
  54. }
  55. /* แสงกระทบกึ่งทองบนขอบบน */
  56. #box01::before{
  57.   content:"";
  58.   position:absolute; inset:0; pointer-events:none;
  59.   background:
  60.     radial-gradient(80% 60% at 10% 0%, rgba(158,129,35,.40), transparent 60%),
  61.     radial-gradient(60% 45% at 100% 0%, rgba(245,230,185,.18), transparent 60%);
  62. }

  63. /* เฟรมด้านใน */
  64. .phx-frame{
  65.   max-width:var(--maxw);
  66.   margin:16px auto 0;
  67.   padding:18px 16px 8px;
  68.   background:linear-gradient(180deg, rgba(47,41,33,.95), rgba(25,23,27,.95));
  69.   border-radius:calc(var(--radius) + 1px);
  70.   border:1px solid rgba(158,129,35,.35);
  71.   box-shadow:
  72.     0 14px 32px rgba(0,0,0,.45),
  73.     inset 0 1px 0 rgba(255,255,255,.04);
  74. }

  75. /* หัวเรื่องใหญ่ */
  76. .phx-title{
  77.   font-family:'Pacifico',cursive;
  78.   font-size:48px; line-height:1; text-align:center; margin:10px 0 6px;
  79.   color:var(--gold-ink);
  80.   /* เรืองแสงทองนุ่ม ๆ */
  81.   text-shadow:
  82.     0 0 2px rgba(158,129,35,.65),
  83.     0 0 14px rgba(158,129,35,.45),
  84.     0 14px 26px rgba(0,0,0,.55);
  85.   letter-spacing:.5px;
  86. }
  87. .phx-sub{
  88.   text-align:center; color:var(--gold-ink-soft); font-size:14px; margin:0 0 18px;
  89. }

  90. /* รูป Hero */
  91. .phx-hero{
  92.   width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
  93.   box-shadow:
  94.     0 12px 28px rgba(0,0,0,.45),
  95.     0 0 0 1px rgba(158,129,35,.22) inset;
  96.   background:#000; /* ให้คอนทราสต์กับภาพ */
  97. }
  98. .phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease; }
  99. .phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.06) contrast(1.04); }

  100. /* การ์ดเนื้อหา */
  101. .phx-card{
  102.   width:82%; max-width:660px; margin:10px auto 24px;
  103.   border-radius:var(--radius);
  104.   background:
  105.     /* ขอบทองจางที่ด้านบน */
  106.     radial-gradient(120% 85% at 50% -20%, rgba(158,129,35,.28), transparent 60%),
  107.     linear-gradient(180deg, rgba(47,41,33,.96) 0%, rgba(25,23,27,.96) 100%);
  108.   border:1px solid rgba(158,129,35,.35);
  109.   box-shadow:
  110.     0 16px 36px rgba(0,0,0,.48),
  111.     0 0 0 1px rgba(245,230,185,.06) inset;
  112.   padding:22px 24px; text-align:center; color:var(--gold-ink);
  113. }
  114. .phx-card h2{
  115.   font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 8px; color:var(--gold-ink);
  116.   text-shadow:
  117.     0 0 2px rgba(158,129,35,.55),
  118.     0 0 12px rgba(158,129,35,.35),
  119.     0 10px 22px rgba(0,0,0,.5);
  120. }
  121. .phx-tag{ color:var(--gold-ink-soft); font-weight:700; margin:2px 0 12px; letter-spacing:.02em; }
  122. .phx-body{ color:var(--gold-ink); line-height:1.95; font-size:15.5px; letter-spacing:.1px; }
  123. .phx-body p{ margin:10px 0; }

  124. /* ปุ่ม/ลิงก์ (ถ้าจะใช้ภายในการ์ด) */
  125. .phx-card .btn, .phx-card a.button{
  126.   display:inline-block; padding:.6rem 1.1rem; border-radius:12px; text-decoration:none;
  127.   color:#1a1408; font-weight:700;
  128.   background:linear-gradient(180deg, #C4A23D, #9e8123);
  129.   box-shadow:0 8px 18px rgba(158,129,35,.35), 0 0 0 1px rgba(25,23,27,.65) inset;
  130. }
  131. .phx-card .btn:hover, .phx-card a.button:hover{ filter:brightness(1.05); }

  132. /* Responsive */
  133. @media (max-width: 600px){
  134.   .phx-title{ font-size:40px }
  135.   .phx-card h2{ font-size:30px }
  136.   .phx-hero, .phx-card{ width:92% }
  137. }
  138. </style>

  139. <style>
  140. /* =================== THEME SWITCH: BEIGE + SAGE ===================
  141.    เปลี่ยนเฉพาะ “ธีมสี” ของกล่องข้อความเดิม (#box01, .phx-*)
  142.    พาเลต: #f2ece7, #ede5d8, #9f8f7c, #6a8359
  143. ==================================================================== */

  144. /* --- พาเลตหลัก --- */
  145. :root{
  146.   --bg-cream: #f2ece7;  /* พื้นครีมอ่อน */
  147.   --bg-ivory: #ede5d8;  /* ครีมอมชมพูอ่อน */
  148.   --taupe:    #9f8f7c;  /* น้ำตาลเทา (กรอบ/ตัวอักษรรอง) */
  149.   --sage:     #6a8359;  /* เขียวใบเสจ (หัวข้อ/ปุ่ม) */

  150.   --ink-main: #6a645a;  /* สีตัวอักษรหลักภายในการ์ด (อ่านสบาย) */
  151.   --ink-soft: #8b8173;  /* ตัวอักษรรอง/คำโปรย */
  152. }

  153. /* ---- ฉากของ “โพสต์นี้” ให้สว่างละมุนขึ้น ---- */
  154. .post-bg{
  155.   background:
  156.     radial-gradient(160% 120% at 50% -10%, rgba(154,171,136,.20), transparent 60%),
  157.     linear-gradient(180deg, var(--bg-cream), var(--bg-ivory));
  158. }

  159. /* ---- กรอบรวม (#box01) : เปลี่ยนจากดำเป็นครีม/ขอบเทาอบอุ่น ---- */
  160. #box01{
  161.   background:
  162.     radial-gradient(120% 80% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
  163.     linear-gradient(180deg, var(--bg-cream) 0%, var(--bg-ivory) 100%);
  164.   border: 1px solid color-mix(in srgb, var(--taupe) 55%, white 45%);
  165.   box-shadow:
  166.     0 16px 34px rgba(159,143,124,.25),
  167.     inset 0 1px 0 rgba(255,255,255,.65);
  168.   color: var(--ink-main);
  169. }
  170. #box01::before{
  171.   /* ไฮไลต์นุ่ม ๆ ด้านบน */
  172.   background:
  173.     radial-gradient(80% 60% at 12% 0%, rgba(255,255,255,.55), transparent 60%),
  174.     radial-gradient(60% 45% at 100% 0%, rgba(255,255,255,.30), transparent 60%);
  175. }

  176. /* ---- เฟรมด้านใน (.phx-frame) ---- */
  177. .phx-frame{
  178.   background: linear-gradient(180deg, #ffffff, var(--bg-cream));
  179.   border: 1px solid color-mix(in srgb, var(--taupe) 50%, white 50%);
  180.   box-shadow:
  181.     0 10px 24px rgba(159,143,124,.18),
  182.     inset 0 1px 0 rgba(255,255,255,.85);
  183. }

  184. /* ---- หัวเรื่องใหญ่/คำโปรย ---- */
  185. .phx-title{
  186.   color: var(--sage);
  187.   text-shadow:
  188.     0 1px 0 rgba(255,255,255,.95),
  189.     0 0 12px color-mix(in srgb, var(--sage) 45%, white 55%),
  190.     0 10px 18px rgba(159,143,124,.20);
  191. }
  192. .phx-sub{ color: var(--ink-soft); }

  193. /* ---- รูป Hero ---- */
  194. .phx-hero{
  195.   background: #fff;
  196.   box-shadow:
  197.     0 10px 22px rgba(159,143,124,.22),
  198.     0 0 0 1px color-mix(in srgb, var(--taupe) 40%, white 60%) inset;
  199. }

  200. /* ---- การ์ดเนื้อหา (.phx-card) ---- */
  201. .phx-card{
  202.   background:
  203.     radial-gradient(120% 85% at 50% -20%, rgba(106,131,89,.10), transparent 60%),
  204.     linear-gradient(180deg, #ffffff 0%, var(--bg-cream) 100%);
  205.   border: 1px solid color-mix(in srgb, var(--taupe) 55%, white 45%);
  206.   box-shadow:
  207.     0 12px 28px rgba(159,143,124,.22),
  208.     0 0 0 1px rgba(255,255,255,.65) inset;
  209.   color: var(--ink-main);
  210. }
  211. .phx-card h2{
  212.   color: var(--sage);
  213.   text-shadow:
  214.     0 1px 0 rgba(255,255,255,.95),
  215.     0 0 10px color-mix(in srgb, var(--sage) 35%, white 65%);
  216. }
  217. .phx-tag{ color: var(--ink-soft); }
  218. .phx-body{ color: var(--ink-main); }

  219. /* ---- ปุ่ม/ลิงก์ภายในการ์ด ---- */
  220. .phx-card .btn,
  221. .phx-card a.button{
  222.   color: #ffffff;
  223.   background: linear-gradient(180deg, color-mix(in srgb, var(--sage) 90%, #8fb27d 10%), var(--sage));
  224.   box-shadow:
  225.     0 8px 18px color-mix(in srgb, var(--sage) 35%, transparent),
  226.     0 0 0 1px color-mix(in srgb, var(--taupe) 45%, #2a2a2a 55%) inset;
  227. }
  228. .phx-card .btn:hover,
  229. .phx-card a.button:hover{ filter: brightness(1.05) saturate(1.02); }

  230. /* ---- Responsive (คงเดิม แค่คงความอ่านง่ายบนพื้นอ่อน) ---- */
  231. @media (max-width: 600px){
  232.   .phx-hero, .phx-card{ background: linear-gradient(180deg, #fff, var(--bg-cream)); }
  233. }
  234. </style>


  235. <div class="post-bg">
  236.   <div id="box01">
  237.     <div class="phx-frame">
  238.       <h1 class="phx-title"><font size="7">日勒</font></h1>
  239.       <div class="phx-sub"><font size="3" color="#ffffff">[เมืองจื่อเล่อ - ระเบียงเหอซี]</font></div>

  240.       <figure class="phx-hero">
  241.         <img src="https://img5.pic.in.th/file/secure-sv1/100000853844ca75a029bd517d.png?fbclid=IwY2xjawNKxZlleHRuA2FlbQIxMABicmlkETFQRkF6UXlIVFFyNHYycDlDAR68ETdkVWOJXmLqY7ZR6-4QonEvlxD8rkYTyB6asLIO-s_Hq-kymLV6924Ulw_aem_rlnZrpNxS_9Tj_QFnchm6Q" alt="Hero Image">
  242.       </figure>

  243.       <section class="phx-card">
  244.         <h2><font size="6">เมืองรื่อเล่อ</font></h2>
  245.         <div class="phx-tag"><font size="4">[ เมืองป้อมดวงตะวัน ฐานส่งเสบียงแดนไกล ]</font></div>
  246.         <div class="phx-body">
  247.           <p><font size="3" color="#a0522d"> เมืองรื่อเล่อ เป็นเมืองและป้อมปราการขนาดเล็กในระเบียงเหอซีซึ่งมีลักษณะที่เอื้อต่อการตั้งถิ่นฐานท่ามกลางสภาพแวดล้อมที่โหดร้าย ตั้งอยู่ในบริเวณที่มีแหล่งน้ำที่ไหลลงมาจากเทือกเขาฉีเหลียนซานทางใต้ เป็นเมืองป้อมปราการขนาดเล็ก มีบทบาทเป็นจุดพักของทหารและพ่อค้าที่เดินทางผ่านเส้นทางสายไหม</font></p>
  248.         </div>
  249.       </section>
  250.     </div>
  251.   </div>
  252. </div>
คัดลอกไปที่คลิปบอร์ด
หมวดหมู่ที่ตั้งสถานที่: ระเบียงเหอซี
ชื่อสถานที่: [เมืองตุนหวง]
  1. <!-- ฟอนต์ -->
  2. <link href="https://fonts.googleapis.com/css2?family=Pacifico&amp;family=Kanit:wght@400;600;800&amp;display=swap" rel="stylesheet">

  3. <style>

  4. /* ปล่อย layout หลักของบอร์ดไว้ แต่ให้หน้าโปร่งเพื่อโชว์วอลเปเปอร์ */
  5. body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }

  6. /* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
  7. html::before{
  8.   content:"";
  9.   position:fixed; inset:0; z-index:-1; pointer-events:none;
  10.   background:url("https://img2.pic.in.th/pic/11b468600c4fe15ac348112ce4bf110c5e5f915ea9c4-0qoAEk_fw658webp.png") center/cover no-repeat;
  11.   opacity:1;
  12. }

  13. /* =================== CORAL SATIN PALETTE =================== */
  14. :root{
  15.   /* โทนจากภาพ */
  16.   --coral:#E78262;   /* คอรัลส้มชมพู */
  17.   --rose:#DE9785;    /* โรสพีช */
  18.   --apricot:#E79F74; /* แอปริคอต */
  19.   --blush:#EDBBA6;   /* บลัชครีม */

  20.   /* ใช้งาน */
  21.   --ink:#45261F;                 /* ตัวอักษรหลัก – น้ำตาลอบอุ่นอ่านชัด */
  22.   --ink-soft:#6D4A41;            /* ตัวอักษรรอง */
  23.   --paper:#FEFAF7;               /* กระดาษโทนอุ่นนมชมพู */
  24.   --line:rgba(103,58,49,.16);    /* เส้นขอบบาง โทนอบเชย */
  25.   --radius:22px;
  26.   --maxw:800px;
  27.   --shadow:0 14px 28px rgba(103,58,49,.14);
  28. }

  29. /* รีเซ็ต + วอลเปเปอร์ซาตินประกายพีช */
  30. html,body{ height:100% }
  31. body{
  32.   margin:0; color:var(--ink);
  33.   font-family:'Kanit',system-ui,-apple-system,sans-serif;
  34.   background:transparent !important;
  35. }
  36. html::before{
  37.   /* ไล่สีแบบผืนผ้าไหม: blush → rose → coral/apricot */
  38.   content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  39.   background:
  40.     radial-gradient(1200px 260px at 20% -5%, rgba(255,255,255,.35), transparent 60%),
  41.     radial-gradient(1000px 220px at 85% 10%, rgba(255,255,255,.28), transparent 65%),
  42.     linear-gradient(180deg,
  43.       #F8E6DD 0%,
  44.       var(--blush) 20%,
  45.       var(--rose) 48%,
  46.       var(--coral) 72%,
  47.       var(--apricot) 100%);
  48.   filter:saturate(1.02);
  49. }
  50. html::after{
  51.   /* แวววิ้งแบบกลิตเตอร์อ่อน ๆ */
  52.   content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  53.   background:
  54.     radial-gradient(800px 150px at 50% 80%, rgba(255,255,255,.22), transparent 70%),
  55.     radial-gradient(600px 120px at 10% 60%, rgba(255,255,255,.18), transparent 70%);
  56. }

  57. /* =================== SECTION =================== */
  58. .post-bg{
  59.   padding:30px;
  60.   background:
  61.     radial-gradient(90% 70% at 10% 0%, rgba(255,255,255,.40), transparent 60%),
  62.     radial-gradient(70% 50% at 100% 0%, rgba(255,255,255,.26), transparent 60%);
  63. }

  64. /* กล่องหลัก */
  65. #box01{
  66.   position:relative; max-width:980px; margin:0 auto; overflow:hidden;
  67.   border-radius:var(--radius);
  68.   padding:42px 48px;
  69.   background:
  70.     linear-gradient(180deg, rgba(237,187,166,.92), rgba(231,159,116,.88)); /* blush→apricot */
  71.   border:1px solid var(--line);                       /* ขอบจาง */
  72.   box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.6);
  73. }
  74. /* ไฮไลต์นุ่ม */
  75. #box01::before{
  76.   content:""; position:absolute; inset:0; pointer-events:none;
  77.   background:
  78.     radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
  79.     radial-gradient(60% 45% at 100% 0%, rgba(231,130,98,.20), transparent 60%);
  80. }

  81. /* เฟรมด้านใน */
  82. .phx-frame{
  83.   max-width:var(--maxw); margin:16px auto 0; padding:18px 16px 8px;
  84.   background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
  85.   border-radius:calc(var(--radius) + 2px);
  86.   border:1px solid var(--line);
  87.   box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
  88. }

  89. /* ====== หัวเรื่อง + “ฟุ๊ง ๆ” โทนคอรัลพีช ====== */
  90. .phx-title{
  91.   font-family:'Pacifico',cursive;
  92.   font-size:48px; line-height:1; margin:10px 0 6px; text-align:center;
  93.   color:#3D2019;
  94.   text-shadow:
  95.     0 1px 0 rgba(255,255,255,.92),   /* ไฮไลต์คม */
  96.     0 0 16px rgba(237,187,166,.95),  /* blush glow */
  97.     0 0 26px rgba(222,151,133,.60),  /* rose glow */
  98.     0 0 34px rgba(231,130,98,.45);   /* coral glow */
  99.   letter-spacing:.5px;
  100. }
  101. .phx-sub{ text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px }

  102. /* ฮีโร่ */
  103. .phx-hero{
  104.   width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
  105.   border:1px solid rgba(103,58,49,.12);
  106.   box-shadow:0 10px 24px rgba(103,58,49,.12), inset 0 0 0 1px rgba(255,255,255,.62);
  107. }
  108. .phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
  109. .phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.05) contrast(1.02) }

  110. /* การ์ดเนื้อหา (นมชมพู→พีช) */
  111. .phx-card{
  112.   width:82%; max-width:660px; margin:10px auto 24px; padding:22px 24px; text-align:center;
  113.   border-radius:var(--radius); border:none;
  114.   background:linear-gradient(180deg, #FEF2EC 0%, #F5D8CB 30%, #F0C4B2 55%, #E9A989 100%);
  115.   box-shadow:var(--shadow), 0 0 0 1px rgba(231,130,98,.16), inset 0 1px 0 rgba(255,255,255,.6);
  116. }
  117. .phx-card h2{
  118.   font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 10px;
  119.   color:#3F231C;
  120.   text-shadow:
  121.     0 1px 0 rgba(255,255,255,.92),
  122.     0 0 12px rgba(237,187,166,.9),
  123.     0 0 22px rgba(231,130,98,.50);
  124. }
  125. .phx-tag{
  126.   display:inline-block; padding:.28rem .65rem; border-radius:999px;
  127.   color:#5B382F; font-weight:700; letter-spacing:.02em;
  128.   background:linear-gradient(90deg, var(--coral), var(--blush));
  129.   box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 0 0 1px rgba(103,58,49,.10);
  130. }
  131. .phx-body{ color:#4A2B23; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
  132. .phx-body p{ margin:10px 0 }

  133. /* ปุ่ม: Coral → Blush */
  134. .btn{
  135.   display:inline-block; text-decoration:none; border:none; cursor:pointer;
  136.   padding:.65rem 1.1rem; border-radius:12px; color:#3C221B;
  137.   background:linear-gradient(180deg, var(--coral), var(--blush));
  138.   box-shadow:0 8px 18px rgba(103,58,49,.16), 0 0 0 1px rgba(103,58,49,.12);
  139. }
  140. .btn:hover{ filter:brightness(1.05) }

  141. /* ฟุ๊งสำเร็จรูป: โทนคอรัล / โทนบลัช */
  142. .glow-coral{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(231,130,98,.95),0 0 28px rgba(222,151,133,.55) }
  143. .glow-blush{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(237,187,166,.95),0 0 28px rgba(231,159,116,.50) }

  144. /* Responsive */
  145. @media (max-width:600px){
  146.   .phx-title{ font-size:40px }
  147.   .phx-card h2{ font-size:30px }
  148.   .phx-hero, .phx-card{ width:92% }
  149. }
  150. </style>

  151. <div class="post-bg">
  152.   <div id="box01">
  153.     <div class="phx-frame">
  154.       <h1 class="phx-title"><font size="7">敦煌</font></h1>
  155.       <div class="phx-sub"><font size="3">(เมืองตุนหวง • ระเบียงหอซี)</font></div>

  156.       <figure class="phx-hero">
  157.         <!-- เปลี่ยนรูปได้ตามต้องการ -->
  158.         <img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_hcu9v2hcu9v2hcu9-1.png" alt="Coral Glass">
  159.       </figure>

  160.       <section class="phx-card">
  161.         <h2 class="glow-coral"><font size="6">เมืองตุนหวง</font></h2>
  162.         <div class="phx-tag"><font size="3">[ ประตูสู่ดินแดนตะวันตก ]</font></div>
  163.         <div class="phx-body">
  164.           <p><font size="3">เมืองตุนหวง ตั้งอยู่ ณ ปลายสุดด้านตะวันตกของระเบียงเหอซี ซึ่งเป็นเส้นทางแคบ ๆ ที่ทอดตัวยาวระหว่างภูเขาและทะเลทราย เป็นเมืองที่ถูกสร้างเป็น ป้อมปราการในยุคฮั่นเพื่อเป็นฐานทัพและจุดควบคุมการค้าและเพื่อปกป้องเส้นทางสายไหมและด่านสำคัญ</font></p><p><font size="3">ภูมิประเทศเป็นโอเอซิสขนาดใหญ่ที่อยู่กลางแอ่งตุนหวง ซึ่งถูกล้อมรอบด้วยทะเลทรายโกบี และเนินทรายหมิงซาซาน (Mingsha Shan - ภูเขาทรายร้อง) ท่ามกลางสภาพอากาศที่แห้งแล้งและมีอุณหภูมิแปรปรวนสูงมากระหว่างกลางวันกับกลางคืน อาศัยน้ำจากทะเลสาบพระจันทร์เสี้ยว (Crescent Lake - เยวี่ยหยาเฉวียน) และแหล่งน้ำที่ไหลจากเทือกเขาฉีเหลียนซานที่มีหิมะปกคลุมทางใต้</font></p>
  165.         </div>
  166.       </section>
  167.     </div>
  168.   </div>
  169. </div>

  170. <!-- คุมฟอนต์เฉพาะในกรอบโพสต์ -->
  171. <style>
  172. body{ font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important; }
  173. .phx-frame :where(p, li, span, div, .phx-body, .phx-tag){ font-family:'Kanit',system-ui,-apple-system,sans-serif !important; }
  174. .phx-frame :where(.phx-title, .phx-card h2){ font-family:'Pacifico',cursive !important; }
  175. .phx-frame{ font-size: 100%; line-height: 1.6; }
  176. </style>
คัดลอกไปที่คลิปบอร์ด


แสดงความคิดเห็น

โพสต์ 26670 ไบต์และได้รับ 12 EXP! [VIP]  โพสต์ 2025-10-2 09:44
โพสต์ 26,670 ไบต์และได้รับ +10 EXP [ถูกบล็อค] ความชั่ว +5 คุณธรรม จาก วาสนาเซียน  โพสต์ 2025-10-2 09:44
โพสต์ 26,670 ไบต์และได้รับ +10 EXP +10 คุณธรรม จาก ด้ายแดงแห่งโชคชะตา  โพสต์ 2025-10-2 09:44
โพสต์ 26,670 ไบต์และได้รับ +6 EXP [ถูกบล็อค] ความชั่ว +10 คุณธรรม +8 ความโหด จาก แหวนดาราจรัส(D2)  โพสต์ 2025-10-2 09:44
โพสต์ 26,670 ไบต์และได้รับ +20 EXP [ถูกบล็อค] ความชั่ว +5 คุณธรรม จาก ยอดคีตศิลป์  โพสต์ 2025-10-2 09:44

คะแนน

จำนวนผู้เข้าร่วม 1พลังน้ำใจ +100 ตำลึงทอง +10 เหรียญอู่จู +40 ย่อ เหตุผล
Watcher + 100 + 10 + 40

ดูบันทึกคะแนน

←อุปกรณ์ที่สวมใส่อยู่→
วาสนาเซียน
ด้ายแดงแห่งโชคชะตา
แหวนดาราจรัส(D2)
ตำราอาหารลับของเสี่ยวจ้าวจื่อ
ยอดคีตศิลป์
ปราณกระเรียนขาว(ไม้)
ขลุ่ยพันธะในเงาศาลา
เกราะทองเทวะ
กระเป๋าเจ็ดขุมทรัพย์(D)
ทักษะผู้ขี่มังกรตะวันตก
←ไอเท็มที่มีอยู่→
x16
x16
x16
x30
x1
x30
x5
x27
x2
x10
x8
x10
x2
x1
x3
x114
x5
x5
x5
x5
x6
x4
x4
x4
x21
x1
x158
x20
x21
x1
x5
x34
x7
x246
x1
x1
x1
x145
x5
x6
x66
x20
x6
x93
x79
x5
x209
x5
x50
x5
x85
x6
x196
x55
x68
x78
x4
x105
x5
x8
x4
x3
x11
x9
x8
x15
x69
x1
x1
x5
x53
x42
x47
x16
x140
x10
x11
x10
x26
x9
x10
x4
x15
x60
x55
x2
x1
x95
x62
x9
x10
x167
x55
x28
x70
x78
x49
x5
x3
x120
x12
x9
x11
x5
x3
x3
x9
x5
x6
x1
x1
x6
x13
x8
x135
x70
x20
x11
x14
x48
x3
x1
x4
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง เข้าสู่ระบบ | ลงทะเบียน

รายละเอียดเครดิต

เว็บไซต์นี้ มีการใช้คุกกี้ 🍪 เพื่อการบริหารเว็บไซต์ และเพิ่มประสิทธิภาพการใช้งานของท่าน (เรียนรู้เพิ่มเติม)

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้