Percy Jackson and the Olympians Thailand>Enter Camp › Systems › ห้องส่งแบบฟอร์ม
1 ...323334353637383940
ตั้งกระทู้ใหม่ กลับไป
เจ้าของ: God

[ห้องเสนอสร้างสถานที่ภายในค่าย]

  [คัดลอกลิงก์]
โพสต์ 4 วันที่แล้ว | ดูโพสต์ทั้งหมด
แบบฟอร์มสร้างสถานที่ (มี 4 สถานที่)
หมวดหมู่ที่ตั้งสถานที่: อเมริกา รัฐแคลิฟอร์เนีย
ชื่อสถานที่: เมืองเบเกอร์สฟีลด์


[AppleScript] มุมมองข้อความธรรมดา คัดลอกโค้ด
<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">

<style>
/* ========== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ========== */
#soft-pastel{
  /* Blue Palette from image */
  --powder:   #9DB7CF; /* ฟ้า Powder Blue */
  --ice:      #D8E6E1; /* ฟ้าน้ำแข็งอมเขียวอ่อน */
  --steel:    #79949F; /* ฟ้าเทา Steel */
  --sky:      #7EABD9; /* ฟ้า Sky Bright */
  --ink:      #2F3A43; /* สีตัวอักษร */

  --soft-shadow: 0 12px 28px rgba(20,40,55,.14), 0 3px 8px rgba(20,40,55,.08);
  --radius: 22px;
  --maxw: 820px;

  color: var(--ink);
  font-family:'Kanit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  position:relative;
}
#soft-pastel *{ box-sizing:border-box }

/* พื้นหลังโทนฟ้าใส ไล่เฉด Ice → Sky */
#soft-pastel::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(60% 45% at 12% 0%, var(--ice), transparent 55%),
    linear-gradient(180deg,
      color-mix(in oklab, var(--powder) 55%, white 45%) 0%,
      color-mix(in oklab, var(--steel) 45%, var(--powder) 55%) 55%,
      color-mix(in oklab, var(--sky) 55%, white 45%) 100%);
  opacity:.96;
}

/* ================= โครงหลัก ================= */
#soft-pastel .post-wrap{
  padding:28px;
  background: linear-gradient(180deg, var(--ice), transparent 70%);
  border-radius: 16px;
}

#soft-pastel #box01{
  max-width:980px; margin:0 auto;
  border-radius: var(--radius);
  padding:40px 44px;
  /* ขอบกลืนเนียน ไม่มีเส้นแข็ง */
  background: linear-gradient(180deg,
      color-mix(in oklab, var(--ice) 92%, white 8%) 0%,
      color-mix(in oklab, var(--powder) 40%, var(--steel) 60%) 100%);
  box-shadow: var(--soft-shadow), inset 0 1px 0 rgba(255,255,255,.55);
  position:relative; overflow:hidden;
}

/* ไฮไลต์แสงฟุ้ง */
#soft-pastel #box01::before{
  content:""; position:absolute; inset:-6% -8% -20% -8%; pointer-events:none;
  background:
    radial-gradient(65% 55% at 8% 0%, rgba(255,255,255,.5), transparent 60%),
    radial-gradient(55% 45% at 100% 0%, color-mix(in oklab, var(--sky) 26%, transparent), transparent 60%);
}

/* เฟรมเนื้อหา: inner glow กลืนสีพื้น */
#soft-pastel .phx-frame{
  max-width: var(--maxw);
  margin:10px auto 0;
  padding:18px 16px 8px;
  border-radius: calc(var(--radius) + 2px);
  background: color-mix(in oklab, var(--ice) 90%, white 10%);
  box-shadow:
    inset 0 0 0 1px color-mix(in oklab, var(--powder) 18%, var(--ice) 8%),
    var(--soft-shadow);
}

/* หัวเรื่อง: ไล่เฉด Steel → Sky */
#soft-pastel .phx-title{
  margin:10px 0 6px; text-align:center; line-height:1;
  font-family:'Pacifico', cursive; font-size:48px; letter-spacing:.5px;
  background: linear-gradient(90deg, var(--steel), var(--sky));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow: 0 10px 24px rgba(121,148,159,.22);
}
#soft-pastel .phx-sub{ text-align:center; color:#5b6a73; font-size:14px; margin:0 0 18px }

/* รูป hero: ขอบกลืนเนียน */
#soft-pastel .phx-hero{
  width:78%; max-width:640px; margin:0 auto 20px;
  border-radius:16px; overflow:hidden;
  box-shadow:
    0 0 0 1px color-mix(in oklab, var(--powder) 14%, var(--ice) 10%),
    var(--soft-shadow);
  background: color-mix(in oklab, var(--ice) 12%, white 88%);
}
#soft-pastel .phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
#soft-pastel .phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.03) contrast(1.02) }

/* การ์ดเนื้อหา: ไล่เฉด Ice → Powder/Sky */
#soft-pastel .phx-card{
  position:relative;
  width:82%; max-width:660px; margin:12px auto 24px;
  border-radius: var(--radius); padding:22px 24px; text-align:center;
  background: linear-gradient(180deg, var(--ice) 0%,
            color-mix(in oklab, var(--powder) 55%, var(--sky) 45%) 100%);
  box-shadow:
    0 12px 26px rgba(20,40,55,.10),
    0 2px 6px rgba(20,40,55,.06),
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 0 0 1px color-mix(in oklab, var(--steel) 12%, var(--powder) 8%);
}
#soft-pastel .phx-card::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background: radial-gradient(120% 85% at 50% -20%, rgba(255,255,255,.20), transparent 60%);
}

/* ตัวหนังสือ */
#soft-pastel .phx-card h2{
  font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
  background: linear-gradient(90deg, #ffffff, var(--ice));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow: 0 8px 18px rgba(255,255,255,.30);
}
#soft-pastel .phx-tag{ color:#5f6e77; font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#2f3a43; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
#soft-pastel .phx-body p{ margin:10px 0 }

/* Responsive */
@media (max-width: 600px){
  #soft-pastel .phx-title{ font-size:40px }
  #soft-pastel .phx-card h2{ font-size:30px }
  #soft-pastel .phx-hero, #soft-pastel .phx-card{ width:92% }
}
</style>

<div id="soft-pastel">
  <div class="post-wrap">
    <div id="box01">
      <div class="phx-frame">
        <h1 class="phx-title"><font size="7">Bakersfield</font></h1>
        <div class="phx-sub"><font size="3">(เบเกอร์สฟีลด์🎵รัฐแคลิฟอร์เนีย)</font></div>

        <figure class="phx-hero">
          <img src="https://iili.io/fGG8HLQ.png" alt="Hero Image">
        </figure>

        <section class="phx-card">
          <h2><font size="6" color="#008080">เมืองเบเกอร์สฟีลด์</font></h2>
          <div class="phx-tag"><font size="4">[ Bakersfield Sound ]</font></div>
          <div class="phx-body">
            <p><span id="docs-internal-guid-11c517c5-7fff-1b0d-571a-a2355868e3d5"></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;">เบเกอร์สฟีลด์ (Bakersfield)</span><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;"> เปรียบเสมือนหัวใจอันเต้นระรัวท่ามกลางหุบเขาเซ็นทรัลแวลลีย์ของรัฐแคลิฟอร์เนีย เมืองที่อาบด้วยแสงแดดแผดเผาแห่งนี้ไม่ได้มีดีเพียงแค่เกษตรกรรมอันอุดมสมบูรณ์หรือบ่อน้ำมันที่ตั้งตระหง่านอยู่สุดลูกหูลูกตา แต่มันคือดินแดนแห่งตำนานดนตรี "Bakersfield Sound" ที่ขบถต่อแนวดนตรีหลัก กลิ่นอายของน้ำมันดิบและไอดินหลังฝนตกผสมผสานกับเสียงกีตาร์ไฟฟ้าที่กรีดกรายในยามค่ำคืน สร้างเสน่ห์แบบดิบเถื่อนทว่าอบอุ่นอย่างประหลาด ที่นี่คือจุดตัดระหว่างความเจริญแบบเมืองสมัยใหม่กับจิตวิญญาณแบบคาวบอยตะวันตกที่ยังคงหายใจอยู่</span></p>
          </div>
        </section>

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


หมวดหมู่ที่ตั้งสถานที่: อเมริกา รัฐแอริโซนา
ชื่อสถานที่: เมืองแฟลกสตาฟ


[AppleScript] มุมมองข้อความธรรมดา คัดลอกโค้ด
<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ --> 
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">

<style>
/* ========== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ========== */
#soft-pastel{
  /* Celestial Palette (from your image) */
  --night:   #030208; /* black */
  --navy:    #252D54; /* deep navy */
  --indigo:  #3D4375; /* indigo */
  --mauve:   #93739C; /* mauve purple */
  --blush:   #EDD3DC; /* soft blush */

  /* map ให้โค้ดเดิมใช้ต่อได้ */
  --pink-soft: var(--blush);
  --rose-dust: var(--mauve);
  --cream:     color-mix(in oklab, var(--blush) 78%, white 22%);
  --latte:     var(--indigo);

  --ink: var(--navy);
  --soft-shadow: 0 14px 34px rgba(0,0,0,.38), 0 4px 10px rgba(0,0,0,.22);
  --radius: 22px;
  --maxw: 820px;

  color: var(--ink);
  font-family:'Kanit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  position:relative;
}
#soft-pastel *{ box-sizing:border-box }

/* พื้นหลังโทน Celestial */
#soft-pastel::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(55% 45% at 18% 10%,
      color-mix(in oklab, var(--mauve) 55%, transparent) 0%,
      transparent 60%),
    radial-gradient(45% 35% at 85% 0%,
      color-mix(in oklab, var(--blush) 22%, transparent) 0%,
      transparent 62%),
    linear-gradient(180deg,
      var(--night) 0%,
      var(--navy) 42%,
      var(--indigo) 100%);
  opacity:1;
}

/* ================= โครงหลัก ================= */
#soft-pastel .post-wrap{
  padding:28px;
  background: linear-gradient(180deg,
    color-mix(in oklab, var(--night) 55%, transparent) 0%,
    transparent 72%);
  border-radius: 16px;
}

#soft-pastel #box01{
  max-width:980px; margin:0 auto;
  border-radius: var(--radius);
  padding:40px 44px;
  background: linear-gradient(180deg,
      color-mix(in oklab, var(--navy) 86%, var(--night) 14%) 0%,
      color-mix(in oklab, var(--indigo) 72%, var(--mauve) 28%) 100%);
  box-shadow: var(--soft-shadow), inset 0 1px 0 rgba(255,255,255,.10);
  position:relative; overflow:hidden;
}

/* ไฮไลต์แสงฟุ้ง */
#soft-pastel #box01::before{
  content:""; position:absolute; inset:-6% -8% -20% -8%; pointer-events:none;
  background:
    radial-gradient(65% 55% at 8% 0%,
      rgba(237,211,220,.18), transparent 62%),
    radial-gradient(55% 45% at 100% 0%,
      rgba(147,115,156,.18), transparent 62%);
}

/* เฟรมเนื้อหา */
#soft-pastel .phx-frame{
  max-width: var(--maxw);
  margin:10px auto 0;
  padding:18px 16px 8px;
  border-radius: calc(var(--radius) + 2px);
  background: color-mix(in oklab, var(--blush) 82%, white 18%);
  box-shadow:
    inset 0 0 0 1px color-mix(in oklab, var(--mauve) 22%, transparent),
    0 12px 26px rgba(0,0,0,.22);
}

/* หัวเรื่อง: Mauve → Blush */
#soft-pastel .phx-title{
  margin:10px 0 6px; text-align:center; line-height:1;
  font-family:'Pacifico', cursive; font-size:48px; letter-spacing:.5px;
  background: linear-gradient(90deg, var(--mauve), var(--blush));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow: 0 14px 26px rgba(0,0,0,.28);
}
#soft-pastel .phx-sub{
  text-align:center;
  color: color-mix(in oklab, var(--navy) 70%, var(--mauve) 30%);
  font-size:14px; margin:0 0 18px
}

/* รูป hero: ขอบกลืนเนียน */
#soft-pastel .phx-hero{
  width:78%; max-width:640px; margin:0 auto 20px;
  border-radius:16px; overflow:hidden;
  box-shadow:
    0 0 0 1px color-mix(in oklab, var(--mauve) 22%, transparent),
    var(--soft-shadow);
  background: color-mix(in oklab, var(--blush) 40%, white 60%);
}
#soft-pastel .phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
#soft-pastel .phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.04) contrast(1.02) }

/* การ์ดเนื้อหา: Blush → Mauve */
#soft-pastel .phx-card{
  position:relative;
  width:82%; max-width:660px; margin:12px auto 24px;
  border-radius: var(--radius); padding:22px 24px; text-align:center;
  background: linear-gradient(180deg,
    color-mix(in oklab, var(--blush) 86%, white 14%) 0%,
    color-mix(in oklab, var(--mauve) 52%, var(--blush) 48%) 100%);
  box-shadow:
    0 14px 32px rgba(0,0,0,.18),
    0 3px 10px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 0 0 1px color-mix(in oklab, var(--mauve) 22%, transparent);
}
#soft-pastel .phx-card::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background: radial-gradient(120% 85% at 50% -20%, rgba(255,255,255,.18), transparent 62%);
}

/* ตัวหนังสือ */
#soft-pastel .phx-card h2{
  font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
  background: linear-gradient(90deg, var(--navy), var(--indigo));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow: 0 10px 20px rgba(0,0,0,.16);
}
#soft-pastel .phx-tag{
  color: color-mix(in oklab, var(--navy) 62%, var(--mauve) 38%);
  font-weight:700; margin:2px 0 12px; letter-spacing:.02em
}
#soft-pastel .phx-body{
  color: color-mix(in oklab, var(--navy) 80%, black 20%);
  line-height:1.95; font-size:15.5px; letter-spacing:.1px
}
#soft-pastel .phx-body p{ margin:10px 0 }

/* Responsive */
@media (max-width: 600px){
  #soft-pastel .phx-title{ font-size:40px }
  #soft-pastel .phx-card h2{ font-size:30px }
  #soft-pastel .phx-hero, #soft-pastel .phx-card{ width:92% }
}
</style>

<div id="soft-pastel">
  <div class="post-wrap">
    <div id="box01">
      <div class="phx-frame">
        <h1 class="phx-title"><font size="7">Flagstaff</font></h1>
        <div class="phx-sub"><font size="3">(แฟลกสตาฟ🌌รัฐแอริโซนา)</font></div>

        <figure class="phx-hero">
          <img src="https://iili.io/fGGLkRp.jpg" alt="Hero Image">
        </figure>

        <section class="phx-card">
          <h2><font size="6">เมืองแฟลกสตาฟ</font></h2>
          <div class="phx-tag"><font size="4">[ International Dark Sky Cities ]</font></div>
          <div class="phx-body">
            <p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;">ท่</span><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;">ามกลางผืนป่าสนพอนเดอโรซาอันกว้างใหญ่ที่สุดในโลก </span><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;">แฟลกสตาฟ (Flagstaff)</span><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;"> ตั้งตระหง่านอยู่ใต้เงาของยอดเขาซานฟรานซิสโกพีคส์ที่ปกคลุมด้วยหิมะขาวโพลน เมืองแห่งนี้เปรียบเสมือนโอเอซิสบนที่ราบสูงอาบด้วยอากาศเย็นเยือกและกลิ่นหอมของยางไม้ อบอวลไปด้วยบรรยากาศลึกลับของดวงดาวที่ส่องประกายชัดเจนที่สุดแห่งหนึ่งในอเมริกาจนได้รับฉายาว่าเป็น "เมืองฟ้ามืดสากล" แห่งแรกของโลก</span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;"><br></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;">ที่นี่ไม่ใช่แค่ทางผ่านสู่แกรนด์แคนยอน แต่เป็นดินแดนที่ประวัติศาสตร์ของถนนสาย 66 (Route 66) ยังคงมีชีวิตชีวา ท่ามกลางเสียงหวูดรถไฟที่ก้องกังวานผ่านย่านดาวน์ทาวน์ที่เต็มไปด้วยอาคารอิฐเก่าแก่และวิญญาณแห่งการผจญภัย แฟลกสตาฟคือที่ที่ความหนาวเหน็บและความอบอุ่นจากผู้คนมาบรรจบกันอย่างลงตัว</span></p>
          </div>
        </section>

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


หมวดหมู่ที่ตั้งสถานที่: อเมริกา รัฐนิวเม็กซิโก
ชื่อสถานที่: เมืองอัลบูเคอร์คี

[AppleScript] มุมมองข้อความธรรมดา คัดลอกโค้ด
<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ --> 
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">

<style>
/* ========== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ========== */
#soft-pastel{
  /* Palette from your image */
  --cocoa:   #AC6959; /* darkest */
  --salmon:  #E79476; /* warm coral */
  --apricot: #F1BA85; /* orange cream */
  --sand:    #EFD090; /* soft yellow */
  --cream:   #FAF2DD; /* lightest */

  /* map ชื่อเดิมไว้ เผื่อโค้ดข้างในเรียกใช้ */
  --pink-soft: var(--salmon);
  --rose-dust: var(--cocoa);
  --latte:     var(--sand);

  --ink: #3d2b26;
  --soft-shadow: 0 12px 28px rgba(70,40,30,.18), 0 3px 8px rgba(70,40,30,.10);
  --radius: 22px;
  --maxw: 820px;

  color: var(--ink);
  font-family:'Kanit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  position:relative;
}
#soft-pastel *{ box-sizing:border-box }

/* พื้นหลังโทนครีม-ส้ม-น้ำตาล */
#soft-pastel::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(60% 45% at 12% 0%, rgba(250,242,221,.95), transparent 58%),
    radial-gradient(55% 40% at 88% 10%, rgba(239,208,144,.55), transparent 60%),
    linear-gradient(180deg,
      rgba(250,242,221,1) 0%,
      rgba(241,186,133,.95) 38%,
      rgba(231,148,118,.92) 72%,
      rgba(172,105,89,.90) 100%);
  opacity:.98;
}

/* ================= โครงหลัก ================= */
#soft-pastel .post-wrap{
  padding:28px;
  background: linear-gradient(180deg, rgba(250,242,221,.55), transparent 72%);
  border-radius: 16px;
}

#soft-pastel #box01{
  max-width:980px; margin:0 auto;
  border-radius: var(--radius);
  padding:40px 44px;
  background: linear-gradient(180deg,
    rgba(250,242,221,.96) 0%,
    rgba(239,208,144,.88) 44%,
    rgba(231,148,118,.82) 78%,
    rgba(172,105,89,.78) 100%);
  box-shadow: var(--soft-shadow), inset 0 1px 0 rgba(255,255,255,.55);
  position:relative; overflow:hidden;
}

/* ไฮไลต์แสงฟุ้ง */
#soft-pastel #box01::before{
  content:""; position:absolute; inset:-6% -8% -20% -8%; pointer-events:none;
  background:
    radial-gradient(65% 55% at 8% 0%, rgba(255,255,255,.45), transparent 62%),
    radial-gradient(55% 45% at 100% 0%, rgba(239,208,144,.35), transparent 62%);
}

/* เฟรมเนื้อหา */
#soft-pastel .phx-frame{
  max-width: var(--maxw);
  margin:10px auto 0;
  padding:18px 16px 8px;
  border-radius: calc(var(--radius) + 2px);
  background: rgba(250,242,221,.92);
  box-shadow:
    inset 0 0 0 1px rgba(172,105,89,.14),
    var(--soft-shadow);
}

/* หัวเรื่อง: cocoa → salmon */
#soft-pastel .phx-title{
  margin:10px 0 6px; text-align:center; line-height:1;
  font-family:'Pacifico', cursive; font-size:48px; letter-spacing:.5px;
  background: linear-gradient(90deg, var(--cocoa), var(--salmon));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow: 0 10px 24px rgba(172,105,89,.18);
}
#soft-pastel .phx-sub{ text-align:center; color: rgba(61,43,38,.78); font-size:14px; margin:0 0 18px }

/* รูป hero */
#soft-pastel .phx-hero{
  width:78%; max-width:640px; margin:0 auto 20px;
  border-radius:16px; overflow:hidden;
  box-shadow: 0 0 0 1px rgba(172,105,89,.14), var(--soft-shadow);
  background: rgba(250,242,221,.9);
}
#soft-pastel .phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
#soft-pastel .phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.04) contrast(1.02) }

/* การ์ดเนื้อหา */
#soft-pastel .phx-card{
  position:relative;
  width:82%; max-width:660px; margin:12px auto 24px;
  border-radius: var(--radius); padding:22px 24px; text-align:center;
  background: linear-gradient(180deg,
    rgba(250,242,221,.98) 0%,
    rgba(239,208,144,.86) 55%,
    rgba(241,186,133,.80) 100%);
  box-shadow:
    0 12px 26px rgba(70,40,30,.12),
    0 2px 6px rgba(70,40,30,.08),
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 0 0 1px rgba(172,105,89,.14);
}
#soft-pastel .phx-card::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background: radial-gradient(120% 85% at 50% -20%, rgba(255,255,255,.18), transparent 62%);
}

/* ตัวหนังสือ */
#soft-pastel .phx-card h2{
  font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
  background: linear-gradient(90deg, var(--cocoa), var(--salmon));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow: 0 8px 18px rgba(172,105,89,.14);
}
#soft-pastel .phx-tag{ color: rgba(61,43,38,.72); font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#3d2b26; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
#soft-pastel .phx-body p{ margin:10px 0 }

/* Responsive */
@media (max-width: 600px){
  #soft-pastel .phx-title{ font-size:40px }
  #soft-pastel .phx-card h2{ font-size:30px }
  #soft-pastel .phx-hero, #soft-pastel .phx-card{ width:92% }
}
</style>

<div id="soft-pastel">
  <div class="post-wrap">
    <div id="box01">
      <div class="phx-frame">
        <h1 class="phx-title"><font size="7">Albuquerque</font></h1>
        <div class="phx-sub"><font size="3">(อัลบูเคอร์คี🌄รัฐนิวเม็กซิโก)</font></div>

        <figure class="phx-hero">
          <img src="https://iili.io/fGMSKqQ.jpg" alt="Hero Image">
        </figure>

        <section class="phx-card">
          <h2><font size="6">เมืองอัลบูเคอร์คี</font></h2>
          <div class="phx-tag"><font size="4">[ The Duke City ]</font></div>
          <div class="phx-body">
            <p><span id="docs-internal-guid-fc8eec00-7fff-3870-f40b-9900cbf1155b"></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;">อัลบูเคอร์คี หรือ แอลบูเคอร์คี (Albuquerque)</span><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;"> เปรียบเสมือนภาพวาดสีน้ำมันที่ป้ายทับด้วยสีส้มอิฐและสีม่วงครามยามพระอาทิตย์อัสดง เมืองที่ใหญ่ที่สุดในรัฐนิวเม็กซิโกแห่งนี้ตั้งตระหง่านอยู่ริมฝั่งแม่น้ำริโอแกรนด์ โดยมีเทือกเขาสานเดียที่ทอประกายสีชมพูระเรื่อเป็นฉากหลังอันโอ่อ่า กลิ่นหอมของพริกเขียวเผาไฟที่ลอยละล่องไปตามสายลมผสมผสานกับความลึกลับของย่านเมืองเก่า (Old Town) ที่มีอาคารดินเหนียวทรงโบราณตั้งตระหง่านมานานนับศตวรรษ ในยามเช้า ท้องฟ้าที่นี่มักจะถูกประดับประดาด้วยบอลลูนหลากสีสันที่ลอยละล่องประดุจงานรื่นเริงของเหล่านางฟ้า แอลบูเคอร์คีคือดินแดนแห่งมนต์ขลังที่ซึ่งประวัติศาสตร์อันเก่าแก่และเทคโนโลยีสมัยใหม่มาบรรจบกันอย่างลุ่มลึก</span></p>
          </div>
        </section>

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


หมวดหมู่ที่ตั้งสถานที่: อเมริกา รัฐนิวเม็กซิโก
ชื่อสถานที่: เมืองซานตาเฟ


[AppleScript] มุมมองข้อความธรรมดา คัดลอกโค้ด
<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ --> 
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">

<style>
/* ========== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ========== */
#soft-pastel{
  /* Fruit Parade Palette (from your image) */
  --mango:   #DF7C15; /* Mango Pop */
  --olive:   #81854A; /* Olive Lime */
  --mustard: #D3BE01; /* Fresh Mustard */
  --lemon:   #FAE68F; /* Lemon Cream */

  /* map ชื่อเดิมไว้ เผื่อโค้ดข้างในเรียกใช้ */
  --pink-soft: var(--mango);
  --rose-dust: var(--olive);
  --latte:     var(--mustard);
  --cream:     color-mix(in oklab, var(--lemon) 72%, white 28%);

  --ink: #3b2a12;
  --soft-shadow: 0 12px 28px rgba(70,45,15,.18), 0 3px 8px rgba(70,45,15,.10);
  --radius: 22px;
  --maxw: 820px;

  color: var(--ink);
  font-family:'Kanit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  position:relative;
}
#soft-pastel *{ box-sizing:border-box }

/* พื้นหลังโทนผลไม้ */
#soft-pastel::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(55% 45% at 12% 0%, color-mix(in oklab, var(--lemon) 88%, white 12%), transparent 60%),
    radial-gradient(45% 40% at 86% 6%, color-mix(in oklab, var(--mustard) 45%, transparent), transparent 62%),
    linear-gradient(180deg,
      color-mix(in oklab, var(--cream) 85%, white 15%) 0%,
      color-mix(in oklab, var(--lemon) 92%, var(--mustard) 8%) 38%,
      color-mix(in oklab, var(--mango) 62%, var(--mustard) 38%) 74%,
      color-mix(in oklab, var(--olive) 70%, var(--mango) 30%) 100%);
  opacity:.98;
}

/* ================= โครงหลัก ================= */
#soft-pastel .post-wrap{
  padding:28px;
  background: linear-gradient(180deg, rgba(250,250,250,.35), transparent 72%);
  border-radius: 16px;
}

#soft-pastel #box01{
  max-width:980px; margin:0 auto;
  border-radius: var(--radius);
  padding:40px 44px;
  background: linear-gradient(180deg,
      color-mix(in oklab, var(--cream) 92%, white 8%) 0%,
      color-mix(in oklab, var(--lemon) 84%, var(--mustard) 16%) 42%,
      color-mix(in oklab, var(--mango) 62%, var(--mustard) 38%) 78%,
      color-mix(in oklab, var(--olive) 78%, var(--mango) 22%) 100%);
  box-shadow: var(--soft-shadow), inset 0 1px 0 rgba(255,255,255,.55);
  position:relative; overflow:hidden;
}

/* ไฮไลต์แสงฟุ้ง */
#soft-pastel #box01::before{
  content:""; position:absolute; inset:-6% -8% -20% -8%; pointer-events:none;
  background:
    radial-gradient(65% 55% at 8% 0%, rgba(255,255,255,.45), transparent 62%),
    radial-gradient(55% 45% at 100% 0%, color-mix(in oklab, var(--lemon) 28%, transparent), transparent 62%);
}

/* เฟรมเนื้อหา */
#soft-pastel .phx-frame{
  max-width: var(--maxw);
  margin:10px auto 0;
  padding:18px 16px 8px;
  border-radius: calc(var(--radius) + 2px);
  background: color-mix(in oklab, var(--cream) 92%, white 8%);
  box-shadow:
    inset 0 0 0 1px color-mix(in oklab, var(--olive) 14%, transparent),
    var(--soft-shadow);
}

/* หัวเรื่อง: Mango → Mustard */
#soft-pastel .phx-title{
  margin:10px 0 6px; text-align:center; line-height:1;
  font-family:'Pacifico', cursive; font-size:48px; letter-spacing:.5px;
  background: linear-gradient(90deg, var(--mango), var(--mustard));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow: 0 10px 24px rgba(70,45,15,.16);
}
#soft-pastel .phx-sub{ text-align:center; color: rgba(59,42,18,.72); font-size:14px; margin:0 0 18px }

/* รูป hero */
#soft-pastel .phx-hero{
  width:78%; max-width:640px; margin:0 auto 20px;
  border-radius:16px; overflow:hidden;
  box-shadow:
    0 0 0 1px color-mix(in oklab, var(--olive) 16%, transparent),
    var(--soft-shadow);
  background: color-mix(in oklab, var(--cream) 85%, white 15%);
}
#soft-pastel .phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
#soft-pastel .phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.04) contrast(1.02) }

/* การ์ดเนื้อหา: Cream → Lemon → Apricot(Mango soft) */
#soft-pastel .phx-card{
  position:relative;
  width:82%; max-width:660px; margin:12px auto 24px;
  border-radius: var(--radius); padding:22px 24px; text-align:center;
  background: linear-gradient(180deg,
    color-mix(in oklab, var(--cream) 96%, white 4%) 0%,
    color-mix(in oklab, var(--lemon) 88%, var(--mustard) 12%) 58%,
    color-mix(in oklab, var(--mango) 56%, var(--lemon) 44%) 100%);
  box-shadow:
    0 12px 26px rgba(70,45,15,.12),
    0 2px 6px rgba(70,45,15,.08),
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 0 0 1px color-mix(in oklab, var(--olive) 14%, transparent);
}
#soft-pastel .phx-card::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background: radial-gradient(120% 85% at 50% -20%, rgba(255,255,255,.18), transparent 62%);
}

/* ตัวหนังสือ */
#soft-pastel .phx-card h2{
  font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
  background: linear-gradient(90deg, var(--olive), var(--mango));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow: 0 8px 18px rgba(70,45,15,.12);
}
#soft-pastel .phx-tag{ color: rgba(59,42,18,.70); font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#3b2a12; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
#soft-pastel .phx-body p{ margin:10px 0 }

/* Responsive */
@media (max-width: 600px){
  #soft-pastel .phx-title{ font-size:40px }
  #soft-pastel .phx-card h2{ font-size:30px }
  #soft-pastel .phx-hero, #soft-pastel .phx-card{ width:92% }
}
</style>

<div id="soft-pastel">
  <div class="post-wrap">
    <div id="box01">
      <div class="phx-frame">
        <h1 class="phx-title"><font size="7">Santa Fe</font></h1>
        <div class="phx-sub"><font size="3">(ซานตาเฟ🌻รัฐนิวเม็กซิโก)</font></div>

        <figure class="phx-hero">
          <img src="https://iili.io/fGMSKqQ.jpg" alt="Hero Image">
        </figure>

        <section class="phx-card">
          <h2><font size="6">เมืองซานตาเฟ</font></h2>
          <div class="phx-tag"><font size="4">[ <span class="Yjhzub" jscontroller="zYmgkd" jsuid="x6vQbc_d" data-processed="true" style="text-align: start;">The City Different</span> ]</font></div>
          <div class="phx-body">
            <p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;">ซานตาเฟ (Santa Fe)</span><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;"> เปรียบเสมือนอัญมณีล้ำค่าที่ถูกฝังอยู่ในอ้อมกอดของเทือกเขาซางเกร เด คริสโต ที่นี่คือเมืองหลวงที่เก่าแก่ที่สุดของสหรัฐอเมริกา ที่ซึ่งกาลเวลาคล้ายจะหยุดหมุนท่ามกลางอาคารดินเหนียว (Adobe) สีน้ำตาลอบอุ่นทรงเอกลักษณ์ กลิ่นฟืนจากไม้ซีดาร์ลอยละล่องไปตามถนนที่ปูด้วยหินแคบๆ ผสานกับเสน่ห์ของงานศิลปะที่พรรณนาถึงจิตวิญญาณแห่งดินแดนตะวันตก</span></p><p><span id="docs-internal-guid-bc62063a-7fff-a567-17d1-32473dea25aa"><br></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;">ในยามที่แสงแดดทาทาบลงบนจตุรัสพลาซ่า (Historic Plaza) เงาไม้และเสียงดนตรีพื้นเมืองจะขับขล่อมให้ผู้มาเยือนตกอยู่ในภวังค์แห่งวัฒนธรรมที่ผสมผสานระหว่างสเปน เม็กซิกัน และชนเผ่าพื้นเมืองได้อย่างวิจิตรบรรจง ซานตาเฟไม่ใช่เพียงแค่จุดหมายปลายทาง แต่เป็นดั่งบทกวีที่มีชีวิต ซึ่งจะคอยต้อนรับเหล่านักเดินทางผู้แสวงหาแรงบันดาลใจและความสงบทางจิตวิญญาณอย่างไม่รู้จบ</span></p>
          </div>
        </section>

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

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

Xolotl
โพสต์ 38,795 ไบต์และได้รับ +5 EXP +10 ความกล้า จาก แว่นตา  โพสต์ 4 วันที่แล้ว
Xolotl
โพสต์ 38,795 ไบต์และได้รับ +5 EXP +6 เกียรติยศ จาก ต่างหูเงิน  โพสต์ 4 วันที่แล้ว
Xolotl
โพสต์ 38,795 ไบต์และได้รับ +4 EXP +4 เกียรติยศ +4 ความศรัทธา จาก ปากกาหมึกซึม  โพสต์ 4 วันที่แล้ว
Xolotl
โพสต์ 38,795 ไบต์และได้รับ +7 EXP +7 เกียรติยศ +10 ความศรัทธา จาก กล่องดนตรี  โพสต์ 4 วันที่แล้ว
Xolotl
โพสต์ 38,795 ไบต์และได้รับ +4 EXP +8 ความศรัทธา จาก น้ำหอม Unisex  โพสต์ 4 วันที่แล้ว
ถัดไป

คะแนน

จำนวนผู้เข้าร่วม 1พลังน้ำใจ +200 เหรียญดรักม่า +20 เงินดอลลาร์ +80 ย่อ เหตุผล
God + 200 + 20 + 80

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

←อุปกรณ์ที่สวมใส่อยู่→
Ignis Anima
คมมีดวายุ
ลมกรด
มีดสั้นสัมฤทธิ์
หอกกรีก
โรคดิสเล็กเซีย(กรีก)
โรคสมาธิสั้น
สัมผัสแห่งสายลม
เสื้อค่ายฮาล์ฟบลัด
น้ำหอม Unisex
กล่องดนตรี
ปากกาหมึกซึม
ต่างหูเงิน
แว่นตา
←ไอเท็มที่มีอยู่→
x1
x10
x1
x1
x1
x4
x1
x1
x3
x10
x1
x2
x3
x1
x3
x8
x3
x3
x5
x5
x2
x2
x4
x1
ตอบกลับ สนับสนุน คัดค้าน

รายงาน

1 ...323334353637383940
ตั้งกระทู้ใหม่ กลับไป
โหมดขั้นสูง
B Color Image Link Quote Code Smilies
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง เข้าสู่ระบบ | ลงทะเบียน

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

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

Archiverโหมดมือถือ

Powered by Discuz! X3.5© 2001-2015 Comsenz Inc.

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