|
แบบฟอร์มสร้างสถานที่
สร้าง 8 สถานที่ รางวัลคูณ 8 ด้วยจ้า หมวดหมู่ที่ตั้งสถานที่: เมืองลอสแอนเจลิส รัฐแคลิฟอร์เนีย สหรัฐอเมริกา ชื่อสถานที่: [รัฐแคลิฟอร์เนีย] เมืองลอสแอนเจลิส
[AppleScript] มุมมองข้อความธรรมดา คัดลอกโค้ด <!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* =================== PASTEL AMETHYST DUSK =================== */
:root{
/* สีอ้างอิงจากภาพ (ค่าหลัก) */
--eggplant:#644355;
--violet:#48455F;
--rose:#F8D3E9;
--amethyst:#A47F9E;
--byzantium:#5E3B58;
/* เวอร์ชันพาสเทล (ทำให้นุ่มขึ้นสำหรับพื้น/กราเดียนต์) */
--eggplant-soft:#B990A4; /* ม่วงลูกพรุนอุ่น */
--violet-soft:#AAA7BD; /* ม่วงเทาหม่นอ่อน */
--amethyst-soft:#C7A7BE; /* อะเมทิสต์นม ๆ */
--byzantium-soft:#A985A2; /* ม่วงกุหลาบพาสเทล */
--rose-soft:#FBE4F1; /* โรสพาสเทลเพิ่มความฟุ้ง */
/* ใช้งานทั่วไป */
--ink:#2E2533; /* ตัวอักษรหลัก – ม่วงเข้มนุ่ม ไม่ดำ */
--ink-soft:#5C5066; /* ตัวอักษรรอง */
--paper:#FBFAFD; /* กระดาษอมม่วงอ่อน */
--line:rgba(78,57,86,.16); /* เส้นขอบบาง ๆ จาง ๆ */
--radius:22px;
--maxw:800px;
--shadow:0 14px 28px rgba(60,40,75,.14);
}
/* รีเซ็ต & วอลเปเปอร์พาสเทลยามโพล้เพล้ */
html,body{ height:100% }
body{
margin:0; color:var(--ink);
font-family:'Kanit',system-ui,-apple-system,sans-serif;
background:transparent !important;
}
/* ฟ้าอมม่วง → โรสพาสเทล → ไลลักบาง ๆ */
html::before{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
linear-gradient(180deg,
#ECE7F7 0%,
var(--rose-soft) 28%,
#EDE5F3 55%,
#E6E2F1 78%,
#F9F7FC 100%);
filter:saturate(0.98) brightness(1.02);
}
/* สะท้อนแสงนุ่ม ๆ */
html::after{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(980px 180px at 50% 12%, rgba(255,255,255,.34), transparent 60%),
radial-gradient(780px 150px at 50% 80%, rgba(255,255,255,.22), transparent 70%);
}
/* =================== SECTION =================== */
.post-bg{
padding:30px;
background:
radial-gradient(90% 70% at 10% 0%, rgba(255,255,255,.40), transparent 60%),
radial-gradient(70% 50% at 100% 0%, rgba(255,255,255,.26), transparent 60%);
}
/* กล่องหลัก */
#box01{
position:relative; max-width:980px; margin:0 auto; overflow:hidden;
border-radius:var(--radius);
padding:42px 48px;
background:
/* โรสพาสเทล → อะเมทิสต์พาสเทล */
linear-gradient(180deg, rgba(251,228,241,.92), rgba(199,167,190,.88));
border:1px solid var(--line); /* ขอบจางมาก */
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.65);
}
/* ไฮไลต์นุ่ม */
#box01::before{
content:""; position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(170,167,189,.22), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw); margin:16px auto 0; padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
border-radius:calc(var(--radius) + 2px);
border:1px solid var(--line);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.58);
}
/* ====== หัวเรื่อง + “ฟุ๊ง ๆ” โทนโรส–อะเมทิสต์ พาสเทล ====== */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; margin:10px 0 6px; text-align:center;
color:#2A2130;
text-shadow:
0 1px 0 rgba(255,255,255,.92), /* ไฮไลต์ชั้นใน */
0 0 16px var(--rose-soft), /* โรสฟุ้ง */
0 0 28px rgba(199,167,190,.55), /* อะเมทิสต์ฟุ้ง */
0 0 36px rgba(169,133,162,.40); /* ไบแซนเทียมพาสเทล */
letter-spacing:.5px;
}
.phx-sub{ text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px }
/* ฮีโร่ */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
border:1px solid rgba(78,57,86,.12);
box-shadow:0 10px 24px rgba(60,40,75,.12), inset 0 0 0 1px rgba(255,255,255,.62);
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
.phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.03) contrast(1.01) }
/* การ์ดเนื้อหา: โรสครีม → ไวโอเล็ตพาสเทล */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px; padding:22px 24px; text-align:center;
border-radius:var(--radius); border:none;
background:linear-gradient(180deg, #FFF7FB 0%, #F5E7F1 35%, #E7DDEE 60%, #D7D2E6 100%);
box-shadow:var(--shadow), 0 0 0 1px rgba(170,167,189,.16), inset 0 1px 0 rgba(255,255,255,.64);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 10px;
color:#2C2331;
text-shadow:
0 1px 0 rgba(255,255,255,.92),
0 0 12px var(--rose-soft),
0 0 22px rgba(170,167,189,.45);
}
.phx-tag{
display:inline-block; padding:.28rem .65rem; border-radius:999px;
color:#564A61; font-weight:700; letter-spacing:.02em;
background:linear-gradient(90deg, var(--amethyst-soft), var(--rose-soft));
box-shadow:0 1px 0 rgba(255,255,255,.86) inset, 0 0 0 1px rgba(78,57,86,.10);
}
.phx-body{ color:#3A3141; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
.phx-body p{ margin:10px 0 }
/* ปุ่ม: Violet Soft → Rose Soft */
.btn{
display:inline-block; text-decoration:none; border:none; cursor:pointer;
padding:.65rem 1.1rem; border-radius:12px; color:#2B2230;
background:linear-gradient(180deg, var(--violet-soft), var(--rose-soft));
box-shadow:0 8px 18px rgba(60,40,75,.16), 0 0 0 1px rgba(78,57,86,.12);
}
.btn:hover{ filter:brightness(1.05) }
/* ฟุ๊งสำเร็จรูป: โทนโรส / โทนไวโอเล็ต */
.glow-rose{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px var(--rose-soft),0 0 28px rgba(199,167,190,.50) }
.glow-violet{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px var(--violet-soft),0 0 28px rgba(251,228,241,.50) }
/* Responsive */
@media (max-width:600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">Los Angeles</font></h1>
<div class="phx-sub"><font size="3">(รัฐแคลิฟอร์เนีย - สหรัฐอเมริกา)</font></div>
<figure class="phx-hero">
<!-- เปลี่ยนรูปได้ตามต้องการ -->
<img src="https://img2.pic.in.th/pic/471562-Los-Angeles.png" alt="Dusk Lavender">
</figure>
<section class="phx-card">
<h2 class="glow-violet"><font size="6">ลอสแอนเจลิส</font></h2>
<div class="phx-tag"><font size="3">City of Angels</font></div>
<div class="phx-body">
<p style="text-align: left;"> ลอสแอนเจลิส (Los Angeles) หรือที่รู้จักในชื่อ แอลเอ (L.A.) เป็นเมืองใหญ่ที่มีประชากร มากที่สุดอันดับ 2 ในสหรัฐอเมริกา และเป็นหนึ่งในศูนย์กลางทางด้านเศรษฐกิจ วัฒนธรรม และการบันเทิง ลอสแอนเจลิสตั้งอยู่ในรัฐแคลิฟอร์เนีย คำว่า “ลอสแอนเจลิส (Los Angeles)” เป็นภาษาสเปน แปลว่า “นครแห่งเทพ” </p><p style="text-align: left;"><span style="letter-spacing: 0.1px;"> </span>นครแห่งนี้เป็นที่นิยมและโด่งดังในเรื่องของ โรงถ่ายภาพยนต์ ดาราดัง และบ้านเรือนที่ใหญ่โด สวยงาม ตามหาฝันใน Los Angeles เมืองแห่งดารา Hollywood ด้วยการวัดรอยมือและรอยเท้าคนดังนอก Mann’s Chinese Theater และเที่ยวบ้านดาราคนโปรดของคุณใน Beverly Hills ชอปปิ้งเสื้อผ้าคอลเลคชั่นใหม่ ล่าสุดตามร้านค้าชั้นนำที่ Rodeo Drive สนุกกับการแสดงของศิลปินข้างถนนใน Venice Beach แล่นเรือ เล่นวอลเลย์บอลชายหาด หรือ โรลเลอร์เบรด </p><p style="text-align: left;"><span style="letter-spacing: 0.1px;"> </span>เพราะเป็นเมืองที่ได้รับความนิยมเช่นนี้จึงเป็นเมืองที่มีคนเดินทางมาพักผ่อนทั้งจากต่างแดนมากที่สุดเมืองหนึ่งของโลก และคนอเมรีกันจากต่างเมืองต่างรัฐ ก็เฝ้าฝันว่าจะได้มาเที่ยวสักครั้งในชีวิต และเก็บบันทึกความทรงจำดี ๆ กลับบ้านไปให้หวนนึกถึง</p>
</div>
</section>
</div>
</div>
</div>
หมวดหมู่ที่ตั้งสถานที่: เมืองซานดิเอโก รัฐแคลิฟอร์เนีย สหรัฐอเมริกา ชื่อสถานที่: [รัฐแคลิฟอร์เนีย] เมืองซานดิเอโก
[AppleScript] มุมมองข้อความธรรมดา คัดลอกโค้ด <!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* =================== GLOBAL (ที่ยังเห็นผลจริง) =================== */
:root{
/* พาเลตฟ้าอ่อนตามภาพ */
--ink:#23324a; /* สีตัวอักษรหลัก */
--paper:#F4F7FD; /* โทนพื้นนอก */
--panel:#E7EEFB; /* พื้นด้านในกรอบใหญ่ */
--card:#D2E1F6; /* กล่องเนื้อหา */
--accent:#88A9D8; /* เส้น/กรอบ ไฮไลต์ */
--glow:#B6CDEE; /* แสงเรือง */
--shadow:rgba(16,35,64,.18);
--radius:22px;
--maxw:800px;
}
/* ปล่อย layout หลักของบอร์ดไว้ แต่ให้หน้าโปร่งเพื่อโชว์วอลเปเปอร์ */
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img2.pic.in.th/pic/SanDiego_Skyline_JohnBahu_1280x642_downsized.png") center/cover no-repeat;
opacity:1;
}
/* =================== SECTION ของโพสต์นี้ =================== */
/* วอลเปเปอร์ “เฉพาะโพสต์นี้” (ยังใช้งาน) */
.post-bg{
padding:30px;
background:url("https://img5.pic.in.th/file/secure-sv1/df82821fcb05b0bb3f3b7fdc6cd18502.jpg") center/cover no-repeat;
}
/* กล่องเนื้อหา #box01 — เปลี่ยนเป็นโทนฟ้าอ่อน (ยังใช้งาน) */
#box01{
position:relative;
max-width:980px; margin:0 auto;
border-radius:var(--radius);
padding:42px 48px;
background:linear-gradient(180deg, rgba(231,238,251,.96), rgba(182,205,238,.92));
border:1px solid var(--accent);
box-shadow:
0 14px 30px var(--shadow),
inset 0 0 0 1px rgba(255,255,255,.4);
overflow:hidden;
}
/* แสงไล่เฉดบาง ๆ ด้านบนกล่อง (ยังใช้งาน แต่ปรับเป็นเฉดฟ้า) */
#box01::before{
content:"";
position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.75), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(136,169,216,.35), transparent 60%);
}
/* ============ โครง (หัวเรื่อง + hero + การ์ด) ============ */
.phx-frame{
max-width:var(--maxw);
margin:16px auto 0;
padding:18px 16px 8px;
background:var(--panel);
border-radius:calc(var(--radius) + 2px);
border:1px solid #cddaf0;
box-shadow:0 12px 28px var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
}
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; text-align:center; margin:10px 0 6px; color:#fff;
text-shadow:
0 10px 24px rgba(136,169,216,.55),
0 0 18px #E4ECF9,
0 1px 0 #B4CCF0;
letter-spacing:.5px;
}
.phx-sub{
text-align:center; color:#5b6f93; font-size:14px; margin:0 0 18px;
}
/* รูป Hero */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:12px; overflow:hidden;
box-shadow:0 10px 24px var(--shadow), inset 0 0 0 1px rgba(255,255,255,.65);
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease; }
/* เอฟเฟกต์ hover เบา ๆ (แทนการสั่นทั้งหน้า) */
.phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.05) contrast(1.02); }
/* การ์ดเนื้อหา */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px;
background:var(--card);
border-radius:var(--radius);
border:1px solid var(--accent);
box-shadow:0 14px 28px var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
padding:22px 24px; text-align:center;
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 8px; color:#fff;
text-shadow:
0 8px 20px rgba(228, 236, 249,.5),
0 0 16px #E4ECF9,
0 1px 0 #B4CCF0;
}
.phx-tag{ color:#516a8e; font-weight:700; margin:2px 0 12px; letter-spacing:.02em; }
.phx-body{ color:#30435f; line-height:1.95; font-size:15.5px; letter-spacing:.1px; }
.phx-body p{ margin:10px 0; }
/* Responsive */
@media (max-width: 600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
<style>
/* ===== PATCH: ทำให้กรอบกล่องฟ้า “กลืน” กับพื้น ===== */
/* กรอบนอกของเฟรม – ทำเส้นอ่อนลงหน่อย */
.phx-frame{
border-color: rgba(136,169,216,.25) !important;
}
/* กล่องเนื้อหา */
.phx-card{
position: relative;
border: none !important; /* ตัดเส้นแข็งที่ทำให้โดด */
/* พื้นในกล่องไล่เฉดฟ้าอ่อนให้นุ่มขึ้น */
background: linear-gradient(180deg, #DCE8F8 0%, #CFE0F5 100%) !important;
/* ใช้เงาเบา ๆ และเส้นขอบโปร่งแทน */
box-shadow:
0 14px 28px rgba(16,35,64,.18),
0 0 0 1px rgba(136,169,216,.18),
inset 0 1px 0 rgba(255,255,255,.55) !important;
}
/* เติม glow จาง ๆ รอบขอบให้ดูเนียน */
.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,.22), transparent 60%);
}
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">San Diego</font></h1>
<div class="phx-sub"><font size="3">(รัฐแคลิฟอร์เนีย - สหรัฐอเมริกา)</font></div>
<figure class="phx-hero">
<!-- เปลี่ยนรูปได้ตามใจ -->
<img src="https://img5.pic.in.th/file/secure-sv1/What-Is-San-Diego-Famous-For-1200x675.png" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">San Diego</font></h2>
<div class="phx-tag"><font size="4">[ Birthplace of California ]</font></div>
<div class="phx-body">
<p><font size="3">แซนดีเอโก เป็นเมืองใหญ่ที่ตั้งอยู่ที่บริเวณชายฝั่งแปซิฟิก ตอนใต้ของรัฐแคลิฟอร์เนีย ติดกับเส้นเขตแดนระหว่างสหรัฐอเมริกากับเม็กซิโก และห่างจากลอสแอนเจลิสไปทางใต้ประมาณ 190 กิโลเมตร แซนดีเอโกเป็นเมืองที่ใหญ่ที่สุดเป็นอันดับสองของรัฐแคลิฟอร์เนีย และอันดับที่ 8 ในสหรัฐอเมริกา เมืองชายฝั่งตั้งอยู่ในซานดิเอโกเคาน์ตี ซึ่งอยู่ใกล้กับจุดศูนย์กลางทางเศรษฐกิจอย่างเมืองลาฮอยอา (La Jolla) และ คาร์ลสแบด (Carlsbad) จากการสำรวจของฟอร์บ เมืองซานดิเอโกนี้ก็อยู่อันดับ 5 ในเมืองที่รวยที่สุดในสหรัฐ อุตสาหกรรมหลักของซานดิเอโกคือ สิ่งทำมือ, การทหาร และการท่องเที่ยว</font></p>
</div>
</section>
</div>
</div>
</div>
หมวดหมู่ที่ตั้งสถานที่: เมืองแซคราเมนโต รัฐแคลิฟอร์เนีย สหรัฐอเมริกา ชื่อสถานที่: [รัฐแคลิฟอร์เนีย] เมืองแซคราเมนโต
[AppleScript] มุมมองข้อความธรรมดา คัดลอกโค้ด <!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* =================== SKY PASTEL PALETTE =================== */
:root{
/* โทนจากภาพ: ซ้าย→ขวา (ชมพูอ่อน, ม่วงจาง, เพอริวิงเคิล, ไลแลคหม่น, พีช, เหลืองเนย) */
--pink:#F6E4EA;
--lavender:#EAE9F7;
--periwinkle:#C8D4E8;
--lilac:#D6CBE1;
--peach:#F6C9CF;
--butter:#FBE9C8;
/* สีใช้งาน */
--ink:#3E4A5A; /* ตัวอักษรหลัก – น้ำเงินเทาอ่อนลงเพื่อความนุ่มตา */
--ink-soft:#5A6576; /* ตัวอักษรรอง */
--paper:#FBFAFC; /* พื้นกระดาษ */
--line:rgba(60,80,110,.18); /* เส้นขอบแบบบาง จาง ไม่ดำ */
--radius:22px;
--maxw:800px;
--shadow:0 14px 28px rgba(30,50,80,.12);
}
/* ปรับหน้าให้ใสและใช้กราเดียนต์เป็นวอลเปเปอร์ */
html,body{ height:100%; }
body{
margin:0;
font-family:'Kanit',system-ui,-apple-system,sans-serif;
color:var(--ink);
background:transparent !important;
}
/* ท้องฟ้าพาสเทลทั้งหน้า */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
linear-gradient(180deg,
#CFE4F7 0%,
#F2DCEB 52%,
#FFDCCF 78%,
#FFF1DA 100%);
/* ฟ้า → ชมพูพาสเทล → พีช → เหลืองเนย */
filter:saturate(1.02);
}
/* =================== SECTION ของโพสต์นี้ =================== */
.post-bg{
padding:30px;
/* ใส่ลายบาง ๆ ด้วยไล่สีโปร่งแทนภาพเข้ม */
background:
radial-gradient(80% 50% at 10% 0%, rgba(255,255,255,.45), transparent 60%),
radial-gradient(60% 40% at 100% 0%, rgba(255,255,255,.25), transparent 60%);
}
/* กล่องหลัก */
#box01{
position:relative;
max-width:980px; margin:0 auto;
border-radius:var(--radius);
padding:42px 48px;
background:
linear-gradient(180deg, rgba(250,248,252,.85), rgba(245,244,250,.78)),
linear-gradient(180deg, var(--lavender), var(--periwinkle));
border:1px solid var(--line); /* ขอบจาง */
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.6);
overflow:hidden;
}
/* เงาแสงด้านบนแบบบาง */
#box01::before{
content:"";
position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(198,208,234,.28), transparent 60%);
}
/* ============ โครง (หัวเรื่อง + hero + การ์ด) ============ */
.phx-frame{
max-width:var(--maxw);
margin:16px auto 0;
padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
border-radius:calc(var(--radius) + 2px);
border:1px solid var(--line); /* ลดเข้ม */
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
}
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; text-align:center; margin:10px 0 6px;
color:var(--ink);
letter-spacing:.5px;
text-shadow:0 1px 0 rgba(255,255,255,.7); /* เบามาก ๆ */
}
.phx-sub{
text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px;
}
/* Hero */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
box-shadow:0 10px 24px rgba(30,50,80,.10), inset 0 0 0 1px rgba(255,255,255,.65);
border:1px solid rgba(30,50,80,.10); /* ขอบบาง */
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease; }
.phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.04) contrast(1.01); }
/* การ์ดเนื้อหา */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px;
border-radius:var(--radius);
border:none; /* ตัดเส้นเข้มออก */
background:
linear-gradient(180deg, var(--periwinkle), var(--lilac)); /* ฟ้า→ม่วงอ่อน */
box-shadow:var(--shadow), 0 0 0 1px rgba(100,120,160,.16), inset 0 1px 0 rgba(255,255,255,.55);
padding:22px 24px; text-align:center;
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 8px;
color:var(--ink);
text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.phx-tag{
color:#6D7A90; font-weight:700; margin:2px 0 12px; letter-spacing:.02em;
background:linear-gradient(90deg, var(--peach), var(--butter));
display:inline-block; padding:.25rem .6rem; border-radius:999px;
box-shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 0 0 1px rgba(100,120,160,.12);
}
.phx-body{ color:#344256; line-height:1.95; font-size:15.5px; letter-spacing:.1px; }
.phx-body p{ margin:10px 0; }
/* ปุ่ม/ลิงก์ตัวอย่าง (โทนพีช-เหลืองเนย) */
.btn{
display:inline-block; padding:.6rem 1rem; border-radius:12px; text-decoration:none;
color:#3B4252; background:linear-gradient(180deg, var(--peach), var(--butter));
box-shadow:0 6px 16px rgba(30,50,80,.12), 0 0 0 1px rgba(100,120,160,.14);
border:none;
}
.btn:hover{ filter:brightness(1.03) saturate(1.02); }
/* Responsive */
@media (max-width: 600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7" face="Kanit">เมืองแซคราเมนโต</font></h1>
<div class="phx-sub"><font size="3">( รัฐแคลิฟอร์เนีย • สหรัฐอเมริกา)</font></div>
<figure class="phx-hero">
<!-- เปลี่ยนรูปได้ตามใจ -->
<img src="https://img5.pic.in.th/file/secure-sv1/what-is-life-like-in-sacramento-california-im-considering-v0-v078la3fetre1.png" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">Sacramento</font></h2>
<div class="phx-tag"><font size="4">เมืองแห่งแม่น้ำ</font></div>
<div class="phx-body">
<p><font size="3">แซคราเมนโต เป็นเมืองหลวงของรัฐแคลิฟอร์เนีย สหรัฐอเมริกา เป็นที่ตั้งของเทศมณฑลแซคราเมนโตตั้งอยู่ที่จุดบรรจบของแม่น้ำแซคราเมนโตและแม่น้ำอเมริกัน ตัวเมืองตั้งอยู่ในหุบเขาแซคราเมนโตเป็นเมืองที่มีประชากรมากเป็นอันดับ 4 ในแคลิฟอร์เนียตอนเหนือ เป็นเมืองที่มีประชากรมากเป็นอันดับ 6 ของรัฐและเมืองที่มีประชากรมากเป็นอันดับที่ 35 ของสหรัฐอเมริกา ตัวเมืองเป็นที่ราบแต่พื้นที่ค่อยๆ สูงขึ้นไปทางทิศตะวันออกเมื่อเข้าใกล้เชิงเขาเซียร์ราเนวาดาพื้นที่นี้มีฤดูร้อนที่ยาวนาน ร้อนและแห้งแล้งและฤดูหนาวที่เย็นและชื้น โดยมีหมอกเป็นช่วง ๆ</font></p>
</div>
</section>
</div>
</div>
</div>
หมวดหมู่ที่ตั้งสถานที่: เมืองพอร์ตแลนด์ รัฐโอริกอน สหรัฐอเมริกา ชื่อสถานที่: [รัฐโอริกอน] เมืองพอร์ตแลนด์
[AppleScript] มุมมองข้อความธรรมดา คัดลอกโค้ด <!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* =================== OCEAN DAWN PALETTE =================== */
:root{
/* พาเลตจากภาพ (ซ้าย→ขวา) */
--seafoam:#D8ECEC; /* มิ้นต์อ่อน */
--aqua:#BFE1E1; /* อควาอ่อน */
--teal:#6FA3A6; /* ทีลหม่น */
--slate:#55627A; /* น้ำเงินสเลต */
--blush:#F5BEC5; /* พิงก์พาสเทล */
--butter:#FBE4C6; /* เหลืองเนย */
/* ใช้งาน */
--ink:#253246; /* สีตัวอักษรหลัก */
--ink-soft:#4E5C72; /* ตัวอักษรรอง */
--paper:#FBFCFE; /* พื้นขาวอมฟ้า */
--line:rgba(85,98,122,.18); /* เส้นขอบบาง จาง */
--radius:22px;
--maxw:800px;
--shadow:0 14px 30px rgba(20,40,60,.14);
}
/* ทำให้หน้าโปร่ง ใช้วอลเปเปอร์เกลี่ยสีเหมือนพระอาทิตย์ขึ้นเหนือน้ำ */
html,body{ height:100% }
body{
margin:0; color:var(--ink);
font-family:'Kanit',system-ui,-apple-system,sans-serif;
background:transparent !important;
}
html::before{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
linear-gradient(180deg,
#FFE0C8 0%, /* แสงอุ่นเหนือขอบน้ำ */
#F6C3C9 16%, /* แซมพิงก์จากดวงอาทิตย์ */
#D5ECEC 48%, /* กลางท้องทะเล */
#BEE0E1 70%,
#A7CDCF 100%); /* ลึกลงไปเป็นอควา */
}
/* =================== SECTION ของโพสต์นี้ =================== */
.post-bg{
padding:30px;
/* ฟิล์มไลท์บาง ๆ เพื่อให้กล่องเด้งจากพื้นหลัง */
background:
radial-gradient(90% 70% at 10% 0%, rgba(255,255,255,.40), transparent 60%),
radial-gradient(70% 50% at 100% 0%, rgba(255,255,255,.26), transparent 60%);
}
/* กล่องหลัก */
#box01{
position:relative; max-width:980px; margin:0 auto; overflow:hidden;
border-radius:var(--radius);
padding:42px 48px;
background:
linear-gradient(180deg, rgba(216,236,236,.92), rgba(191,225,225,.88));
border:1px solid var(--line);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.6);
}
/* ไลท์ด้านบนแบบนุ่ม */
#box01::before{
content:""; position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(111,163,166,.22), transparent 60%);
}
/* ============ โครง (หัวเรื่อง + hero + การ์ด) ============ */
.phx-frame{
max-width:var(--maxw); margin:16px auto 0; padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
border-radius:calc(var(--radius) + 2px);
border:1px solid var(--line);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
}
/* ====== หัวเรื่องพร้อม “ฟุ้ง ๆ” ชัด ๆ แต่สุภาพ ====== */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; margin:10px 0 6px; text-align:center;
color:#213147; /* เข้มพออ่านชัดบนไลท์ */
/* ฟุ้ง 2 โทน: อุ่นจากดวงอาทิตย์ + เย็นจากผิวน้ำ */
text-shadow:
0 1px 0 rgba(255,255,255,.85), /* ไฮไลต์คมชั้นใน */
0 0 14px rgba(251,228,198,.95), /* glow อุ่น (butter) */
0 0 28px rgba(245,190,197,.55), /* แซมพิงก์อ่อน (blush) */
0 0 40px rgba(167,205,207,.40); /* ขอบเย็น (aqua) */
letter-spacing:.5px;
}
.phx-sub{ text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px }
/* รูปตัวอย่าง */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
border:1px solid rgba(85,98,122,.16);
box-shadow:0 10px 24px rgba(20,40,60,.12), inset 0 0 0 1px rgba(255,255,255,.6);
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
.phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.05) contrast(1.02) }
/* การ์ดเนื้อหา (ฟ้า→ทีล) */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px; padding:22px 24px; text-align:center;
border-radius:var(--radius); border:none;
background:linear-gradient(180deg, #DDEFF0 0%, #CBE5E5 50%, #C1DEDF 100%);
box-shadow:var(--shadow), 0 0 0 1px rgba(111,163,166,.18), inset 0 1px 0 rgba(255,255,255,.6);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 10px;
color:#243652;
text-shadow:
0 1px 0 rgba(255,255,255,.85),
0 0 12px rgba(245,190,197,.70), /* ฟุ้งพิงก์อุ่น */
0 0 22px rgba(167,205,207,.45); /* ฟุ้งอควาเย็น */
}
.phx-tag{
display:inline-block; padding:.28rem .65rem; border-radius:999px;
color:#54657E; font-weight:700; letter-spacing:.02em;
background:linear-gradient(90deg, var(--blush), var(--butter));
box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 0 0 1px rgba(111,163,166,.14);
}
.phx-body{ color:#31445E; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
.phx-body p{ margin:10px 0 }
/* ปุ่มโทนพิงก์–บัตเตอร์ */
.btn{
display:inline-block; text-decoration:none; border:none; cursor:pointer;
padding:.65rem 1.1rem; border-radius:12px; color:#2C3B50;
background:linear-gradient(180deg, var(--blush), var(--butter));
box-shadow:0 8px 18px rgba(20,40,60,.14), 0 0 0 1px rgba(111,163,166,.16);
}
.btn:hover{ filter:brightness(1.04) }
/* ตัวช่วย: กลิตเตอร์หัวข้อแบบเย็น/แบบอุ่น ใส่เพิ่มได้ตามต้องการ */
.glow-wave{ text-shadow:0 1px 0 rgba(255,255,255,.9),0 0 14px rgba(167,205,207,.95),0 0 28px rgba(191,225,225,.55) }
.glow-sun { text-shadow:0 1px 0 rgba(255,255,255,.9),0 0 14px rgba(251,228,198,.95),0 0 28px rgba(245,190,197,.6) }
/* Responsive */
@media (max-width:600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">Portland</font></h1>
<div class="phx-sub"><font size="2">( รัฐโอริกอน • สหรัฐอเมริกา )</font></div>
<figure class="phx-hero">
<!-- ใส่รูปของตัวเองได้ -->
<img src="https://img2.pic.in.th/pic/d494b0b4-city-27946-177826a33e1.jpg" alt="Ocean Dawn">
</figure>
<section class="phx-card">
<h2 class="glow-sun"><font size="6">พอร์ตแลนด์</font></h2>
<div class="phx-tag"><font size="2">City of Roses</font></div>
<div class="phx-body">
<p><font size="3">พอร์ตแลนด์ เป็นเมืองที่มีประชากรมากที่สุดในรัฐออริกอน สหรัฐอเมริกา ตั้งอยู่ในภูมิภาคแปซิฟิกตะวันตกเฉียงเหนือ ตั้งอยู่ทางทิศเหนือของรัฐออริกอน พอร์ตแลนด์เป็นเมืองที่มีประชากรมากเป็นอันดับที่ 30 ของสหรัฐ และยังได้ชื่อว่าเป็นเมืองที่ร่มรื่นที่สุดในสหรัฐอีกด้วย </font></p><p><font size="3">นอกจากนี้เมืองพอร์ตแลนด์รัฐโอเรกอนเหมาะอย่างยิ่งสำหรับการปลูกกุหลาบกลางแจ้งเนื่องจากตั้งอยู่ในเขตภูมิอากาศชายฝั่งทะเลตะวันตก มีฤดูร้อนที่อบอุ่นและแห้งแล้ง ฤดูหนาวที่มีฝนตกแต่อากาศอบอุ่น และมีดินเหนียวมาก พอร์ตแลนด์จึงเป็นที่รู้จักในชื่อเมืองแห่งกุหลาบหรือเมืองกุหลาบตั้งแต่ปลายศตวรรษที่ 19 หรือต้นศตวรรษที่ 20 </font></p><p><font size="3"><img width="284" _height="272" src="https://img5.pic.in.th/file/secure-sv1/ba6912b1e6f9cc7e2ceba09ddfb04d788d94d85c270fb-lutZin_fw658webp.png" border="0" alt=""></font></p>
</div>
</section>
</div>
</div>
</div>
หมวดหมู่ที่ตั้งสถานที่: เมืองซีแอตเทิล รัฐวอชิงตัน สหรัฐอเมริกา ชื่อสถานที่: [รัฐวอชิงตัน] เมืองซีแอตเทิล
[AppleScript] มุมมองข้อความธรรมดา คัดลอกโค้ด <!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* =================== WINTER PINES PALETTE =================== */
:root{
/* โทนหลักจากภาพ */
--snow:#E4DED7; /* หิมะขาวอมเบจ */
--mink:#D5C3BB; /* เบจชมพูอุ่นระเรื่อ */
--mist:#A5A7B2; /* เทาอมม่วงหมอก */
--steel:#8289A4; /* น้ำเงินเทาเย็น */
--slate:#485364; /* สเลตเข้ม */
/* ใช้งาน */
--ink:#263041; /* ตัวอักษรหลักให้คมแต่ไม่ดำสนิท */
--ink-soft:#505A6D; /* ตัวอักษรรอง */
--paper:#FAFAFB; /* กระดาษบาง ๆ */
--line:rgba(72,83,100,.16); /* เส้นขอบจาง ไม่ตัด */
--radius:22px;
--maxw:800px;
--shadow:0 14px 30px rgba(30,40,60,.14);
}
/* รีเซ็ตและวอลเปเปอร์ท้องฟ้าหนาวไล่สี */
html,body{ height:100% }
body{
margin:0; color:var(--ink);
font-family:'Kanit',system-ui,-apple-system,sans-serif;
background:transparent !important;
}
/* ฟ้าเย็นด้านบน > หมอกม่วง > แถบอุ่นที่ขอบฟ้า > หิมะขาวด้านล่าง */
html::before{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
linear-gradient(180deg,
#9AA5C2 0%, /* เย็นเข้มบนสุด (ใกล้ steel) */
#8C94B1 20%,
var(--mist) 48%,
var(--mink) 74%, /* แถบอบอุ่นลิบ ๆ */
var(--snow) 100%);
filter:saturate(0.95);
}
/* สโนว์ไลท์จาง ๆ */
html::after{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(1200px 200px at 50% 15%, rgba(255,255,255,.25), transparent 60%),
radial-gradient(800px 160px at 50% 78%, rgba(255,255,255,.24), transparent 70%);
}
/* =================== SECTION =================== */
.post-bg{
padding:30px;
background:
radial-gradient(90% 70% at 10% 0%, rgba(255,255,255,.40), transparent 60%),
radial-gradient(70% 50% at 100% 0%, rgba(255,255,255,.26), transparent 60%);
}
/* กล่องหลัก */
#box01{
position:relative; max-width:980px; margin:0 auto; overflow:hidden;
border-radius:var(--radius);
padding:42px 48px;
background:
linear-gradient(180deg, rgba(228,222,215,.92), rgba(165,167,178,.88)); /* snow→mist */
border:1px solid var(--line); /* ขอบบางมาก */
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.6);
}
/* ไลท์นุ่มบนขอบ */
#box01::before{
content:""; position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(130,137,164,.22), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw); margin:16px auto 0; padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
border-radius:calc(var(--radius) + 2px);
border:1px solid var(--line);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
}
/* ====== หัวเรื่อง + “ฟุ้ง ๆ” โทนหิมะ ====== */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; margin:10px 0 6px; text-align:center;
color:#223043;
/* glow = หิมะขาว + หมอกม่วง + อบอุ่นจากขอบฟ้า */
text-shadow:
0 1px 0 rgba(255,255,255,.9),
0 0 16px rgba(228,222,215,.95), /* snow */
0 0 28px rgba(165,167,178,.55), /* mist */
0 0 36px rgba(213,195,187,.45); /* mink อบอุ่นแผ่ว */
letter-spacing:.5px;
}
.phx-sub{ text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px }
/* ฮีโร่ */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
border:1px solid rgba(72,83,100,.14);
box-shadow:0 10px 24px rgba(30,40,60,.12), inset 0 0 0 1px rgba(255,255,255,.6);
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
.phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.02) contrast(1.01) }
/* การ์ดเนื้อหา (หมอก→สตีล) */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px; padding:22px 24px; text-align:center;
border-radius:var(--radius); border:none;
background:linear-gradient(180deg, #E7E3DE 0%, #CFCBD0 32%, #B5B7C2 60%, #9AA1B6 100%);
box-shadow:var(--shadow), 0 0 0 1px rgba(130,137,164,.16), inset 0 1px 0 rgba(255,255,255,.6);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 10px;
color:#233247;
text-shadow:
0 1px 0 rgba(255,255,255,.9),
0 0 12px rgba(228,222,215,.9),
0 0 22px rgba(130,137,164,.45);
}
.phx-tag{
display:inline-block; padding:.28rem .65rem; border-radius:999px;
color:#566077; font-weight:700; letter-spacing:.02em;
background:linear-gradient(90deg, var(--mink), var(--snow));
box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 0 0 1px rgba(130,137,164,.12);
}
.phx-body{ color:#334156; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
.phx-body p{ margin:10px 0 }
/* ปุ่มโทนมิงค์อุ่นบนพื้นหิมะ */
.btn{
display:inline-block; text-decoration:none; border:none; cursor:pointer;
padding:.65rem 1.1rem; border-radius:12px; color:#2B3647;
background:linear-gradient(180deg, var(--mink), var(--snow));
box-shadow:0 8px 18px rgba(30,40,60,.14), 0 0 0 1px rgba(130,137,164,.14);
}
.btn:hover{ filter:brightness(1.04) }
/* ฟุ้งสำเร็จรูป: frost(เย็น) / hearth(อุ่น) */
.glow-frost{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(165,167,178,.95),0 0 28px rgba(130,137,164,.55) }
.glow-hearth{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(228,222,215,.95),0 0 28px rgba(213,195,187,.55) }
/* Responsive */
@media (max-width:600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">Seattle</font></h1>
<div class="phx-sub"><font size="3">(รัฐวอชิงตัน • สหรัฐอเมริกา)</font></div>
<figure class="phx-hero">
<!-- เปลี่ยนรูปได้ตามต้องการ -->
<img src="https://img5.pic.in.th/file/secure-sv1/GettyImages-917652344-1024x512.jpg" alt="Winter Pines">
</figure>
<section class="phx-card">
<h2 class="glow-frost"><font size="6">ซีแอตเทิล</font></h2>
<div class="phx-tag"><font size="3">Emerald City</font></div>
<div class="phx-body">
<p>ซีแอตเทิลเป็นเมืองสำคัญทางเทคโนโลยีและนวัตกรรมในรัฐวอชิงตัน สหรัฐอเมริกา เป็นที่รู้จักในฐานะบ้านเกิดของบริษัทเทคโนโลยีระดับโลกอย่าง Microsoft และ Amazon รวมถึงเป็นบ้านเกิดของสตาร์บัคส์ เมืองนี้ตั้งอยู่ในทำเลที่สวยงามรายล้อมด้วยภูเขาและป่าไม้ และมีทิวทัศน์ริมอ่าวที่งดงาม ด้วยภูมิอากาศแบบเย็นที่มีฝนตกชุก ทำให้ซีแอตเทิลได้ฉายาว่า <b>"เมืองมรกต"</b> จากความเขียวขจีของต้นไม้ นอกจากนี้ ยังเป็นเมืองที่มีการคมนาคมสาธารณะที่ดีเยี่ยม และเป็นแหล่งรวมวัฒนธรรมกาแฟ ดนตรี และความเป็นมิตรกับสิ่งแวดล้อม </p>
</div>
</section>
</div>
</div>
</div>
หมวดหมู่ที่ตั้งสถานที่: เมืองโอลิมเปีย รัฐวอชิงตัน สหรัฐอเมริกา ชื่อสถานที่: [รัฐวอชิงตัน] เมืองโอลิมเปีย
[AppleScript] มุมมองข้อความธรรมดา คัดลอกโค้ด <!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* =================== MATCHA LATTE PALETTE =================== */
:root{
/* โทนจากภาพ */
--matcha:#ABBF9B; /* เขียวมัทฉะ */
--milk:#E6E2D7; /* นม */
--cream:#E4CDB0; /* ครีม */
--caramel:#A2663C; /* คาราเมล */
--coffee:#3F1D0E; /* กาแฟเข้ม */
/* ใช้งาน */
--ink:#2C1F17; /* ตัวอักษรหลัก (กาแฟนุ่มลง) */
--ink-soft:#5B4436; /* ตัวอักษรรอง */
--paper:#FAF9F6; /* กระดาษโทนอุ่น */
--line:rgba(63,29,14,.16); /* เส้นขอบบาง โทนกาแฟจาง */
--radius:22px;
--maxw:800px;
--shadow:0 14px 28px rgba(63,29,14,.14);
}
/* รีเซ็ตและวอลเปเปอร์โทน “มัทฉะลาเต้” */
html,body{ height:100% }
body{
margin:0; color:var(--ink);
font-family:'Kanit',system-ui,-apple-system,sans-serif;
background:transparent !important;
}
/* ด้านบนอุ่นครีม–นม ค่อยไล่สู่มัทฉะ */
html::before{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
linear-gradient(180deg,
#F6F2E9 0%, /* milk สว่าง */
var(--cream) 28%,
#D9E6CB 58%, /* matcha อ่อน */
var(--matcha) 78%,
#F3EFE6 100%); /* เบลนด์กลับสู่นม */
}
/* ฟิล์มไลท์จาง ๆ */
html::after{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(900px 160px at 50% 12%, rgba(255,255,255,.35), transparent 60%),
radial-gradient(700px 140px at 50% 80%, rgba(255,255,255,.25), transparent 70%);
}
/* =================== SECTION =================== */
.post-bg{
padding:30px;
background:
radial-gradient(90% 70% at 10% 0%, rgba(255,255,255,.40), transparent 60%),
radial-gradient(70% 50% at 100% 0%, rgba(255,255,255,.26), transparent 60%);
}
/* กล่องหลัก */
#box01{
position:relative; max-width:980px; margin:0 auto; overflow:hidden;
border-radius:var(--radius);
padding:42px 48px;
background:
linear-gradient(180deg, rgba(230,226,215,.92), rgba(171,191,155,.88)); /* milk→matcha */
border:1px solid var(--line); /* ขอบบาง/จาง */
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.6);
}
/* ไฮไลต์นุ่ม */
#box01::before{
content:""; position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(171,191,155,.22), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw); margin:16px auto 0; padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
border-radius:calc(var(--radius) + 2px);
border:1px solid var(--line);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
}
/* ====== หัวเรื่อง + “ฟุ๊ง ๆ” ลาเต้ ====== */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; margin:10px 0 6px; text-align:center;
color:#25170F;
text-shadow:
0 1px 0 rgba(255,255,255,.92), /* ไฮไลต์คม */
0 0 16px rgba(230,226,215,.95), /* milk glow */
0 0 28px rgba(228,205,176,.60), /* cream glow */
0 0 34px rgba(171,191,155,.45); /* matcha glow */
letter-spacing:.5px;
}
.phx-sub{ text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px }
/* ฮีโร่ */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
border:1px solid rgba(63,29,14,.12);
box-shadow:0 10px 24px rgba(63,29,14,.12), inset 0 0 0 1px rgba(255,255,255,.62);
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
.phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.04) contrast(1.02) }
/* การ์ดเนื้อหา (milk→matcha) */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px; padding:22px 24px; text-align:center;
border-radius:var(--radius); border:none;
background:linear-gradient(180deg, #F3F0E7 0%, #EBE4D5 32%, #D9E5CA 68%, #C9DAB9 100%);
box-shadow:var(--shadow), 0 0 0 1px rgba(171,191,155,.16), inset 0 1px 0 rgba(255,255,255,.6);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 10px;
color:#2B1C12;
text-shadow:
0 1px 0 rgba(255,255,255,.92),
0 0 12px rgba(230,226,215,.9),
0 0 22px rgba(171,191,155,.55);
}
.phx-tag{
display:inline-block; padding:.28rem .65rem; border-radius:999px;
color:#4E392C; font-weight:700; letter-spacing:.02em;
background:linear-gradient(90deg, var(--matcha), var(--cream));
box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 0 0 1px rgba(63,29,14,.10);
}
.phx-body{ color:#3A2A20; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
.phx-body p{ margin:10px 0 }
/* ปุ่ม: Caramel → Cream (อ่านชัดบนพื้นอุ่น) */
.btn{
display:inline-block; text-decoration:none; border:none; cursor:pointer;
padding:.65rem 1.1rem; border-radius:12px; color:#2A1B12;
background:linear-gradient(180deg, var(--caramel), var(--cream));
box-shadow:0 8px 18px rgba(63,29,14,.16), 0 0 0 1px rgba(63,29,14,.12);
}
.btn:hover{ filter:brightness(1.05) }
/* ฟุ๊งสำเร็จรูป: โทนมัทฉะ / โทนคาราเมล */
.glow-matcha{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(171,191,155,.95),0 0 28px rgba(230,226,215,.6) }
.glow-caramel{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(228,205,176,.95),0 0 28px rgba(162,102,60,.45) }
/* Responsive */
@media (max-width:600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">Olympia</font></h1>
<div class="phx-sub"><font size="3">(รัฐวอชิงตัน • สหรัฐอเมริกา)</font></div>
<figure class="phx-hero">
<!-- เปลี่ยนรูปได้ตามต้องการ -->
<img src="https://img2.pic.in.th/pic/494146-olympia-and-vicinity.png" alt="Matcha Latte">
</figure>
<section class="phx-card">
<h2 class="glow-matcha"><font size="6">เมืองโอลิมเปีย</font></h2>
<div class="phx-tag"><font size="3">โอลิมเปีย เมืองหลวงของรัฐวอชิงตัน</font></div>
<div class="phx-body">
<p><font size="3">เมืองหลวงแห่งรัฐวอชิงตันตั้งอยู่บน Puget Sound มีกิจกรรมทางน้ำที่น่าสนใจ รวมถึงศิลปะ สัตว์ป่าและพิพิธภัณฑ์ด้วย โอลิมเปียเป็นเมืองที่น่าหลงใหล เต็มไปด้วยความงามจากธรรมชาติและสถานที่ท่องเที่ยวในเชิงประวัติศาสตร์และวัฒนธรรม มีผลงานศิลปะจัดแสดงให้ชมกันในพื้นที่สาธารณะ ล่องเรือสำราญหรือลองเดินเที่ยวในป่าฝนก็ได้ </font></p><p><font size="3">โอลิมเปียมีสวนที่มีพื้นที่มากกว่า 2,000 ไร่ ตั้งอยู่ภายในเมือง ภายในนั้นมีเส้นทางเดินเล่นที่เชื่อมต่อกันอย่างดี เตรียมกล้องให้พร้อมขณะออกชมชีวิตสัตว์ป่าที่เขตอนุรักษ์ทรัพยากรธรรมชาติ Woodard Bay ที่นี่เปรียบเสมือนบ้านของสัตว์ป่าอย่างนกอินทรีหัวขาว นากน้ำและแมวน้ำที่อยู่บริเวณท่าเรือ และยังมีสัตว์ป่าอื่นๆ อีกมาก ใครที่ชื่นชอบธรรมชาติ วัฒนธรรมและประวัติศาสตร์ ไม่ควรพลาดโอลิมเปียด้วยประการทั้งปวง</font></p>
</div>
</section>
</div>
</div>
</div>
หมวดหมู่ที่ตั้งสถานที่: เมืองรีโน รัฐเนวาดา สหรัฐอเมริกา ชื่อสถานที่: [รัฐเนวาดา] เมืองรีโน
[AppleScript] มุมมองข้อความธรรมดา คัดลอกโค้ด <!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* =================== VINTAGE PASTEL PALETTE =================== */
:root{
/* จากภาพ: rose, taupe, dusty-blue, terracotta, olive-brown */
--rose:#E4D0C5;
--taupe:#C7B9AE;
--dusty:#9DACB7;
--terra:#CE917D;
--olive:#9A7F69;
/* ใช้งาน */
--ink:#3D2D29; /* สีน้ำตาลเข้มแต่ไม่ดำ */
--ink-soft:#6B5A53; /* ตัวอักษรรอง */
--paper:#FCFAF8; /* กระดาษโทนอุ่น */
--line:rgba(154,127,105,.16); /* เส้นขอบจาง โทนอุ่น */
--radius:22px;
--maxw:800px;
--shadow:0 14px 28px rgba(154,127,105,.14);
}
/* รีเซ็ต + วอลเปเปอร์โทน “บ้านชมพูวินเทจ” */
html,body{ height:100% }
body{
margin:0; color:var(--ink);
font-family:'Kanit',system-ui,-apple-system,sans-serif;
background:transparent !important;
}
/* ชมพูอุ่นด้านบน → ครีม → ฟ้าหม่นวินเทจบาง ๆ */
html::before{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
linear-gradient(180deg,
#F5E9E2 0%,
var(--rose) 28%,
#EFE7DD 52%,
#C5D2DA 78%,
#F9F4EF 100%);
}
/* ฟิล์มไลท์บาง ๆ ให้ภาพดูนุ่ม */
html::after{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(900px 180px at 50% 12%, rgba(255,255,255,.36), transparent 60%),
radial-gradient(800px 160px at 50% 80%, rgba(255,255,255,.24), transparent 70%);
}
/* =================== SECTION =================== */
.post-bg{
padding:30px;
background:
radial-gradient(90% 70% at 10% 0%, rgba(255,255,255,.40), transparent 60%),
radial-gradient(70% 50% at 100% 0%, rgba(255,255,255,.26), transparent 60%);
}
/* กล่องหลัก */
#box01{
position:relative; max-width:980px; margin:0 auto; overflow:hidden;
border-radius:var(--radius);
padding:42px 48px;
background:
linear-gradient(180deg, rgba(228,208,197,.92), rgba(157,172,183,.88)); /* rose→dusty */
border:1px solid var(--line); /* ขอบบาง */
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.6);
}
/* ไฮไลต์นุ่ม */
#box01::before{
content:""; position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(205,182,169,.22), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw); margin:16px auto 0; padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
border-radius:calc(var(--radius) + 2px);
border:1px solid var(--line);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
}
/* ====== หัวเรื่อง + “ฟุ๊ง ๆ” โทนวินเทจ ====== */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; margin:10px 0 6px; text-align:center;
color:#3A2A25;
text-shadow:
0 1px 0 rgba(255,255,255,.92), /* ไฮไลต์คมชั้นใน */
0 0 16px rgba(228,208,197,.95), /* rose glow */
0 0 28px rgba(199,185,174,.55), /* taupe glow */
0 0 34px rgba(157,172,183,.45); /* dusty glow */
letter-spacing:.5px;
}
.phx-sub{ text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px }
/* ฮีโร่ */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
border:1px solid rgba(154,127,105,.12);
box-shadow:0 10px 24px rgba(154,127,105,.12), inset 0 0 0 1px rgba(255,255,255,.62);
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
.phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.03) contrast(1.02) }
/* การ์ดเนื้อหา (ครีมชมพู→ฟ้าหม่น) */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px; padding:22px 24px; text-align:center;
border-radius:var(--radius); border:none;
background:linear-gradient(180deg, #FBF6F2 0%, #EEDFD6 30%, #D6D1CB 55%, #BFCAD2 100%);
box-shadow:var(--shadow), 0 0 0 1px rgba(157,172,183,.16), inset 0 1px 0 rgba(255,255,255,.6);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 10px;
color:#3B2B26;
text-shadow:
0 1px 0 rgba(255,255,255,.92),
0 0 12px rgba(228,208,197,.9),
0 0 22px rgba(157,172,183,.50);
}
.phx-tag{
display:inline-block; padding:.28rem .65rem; border-radius:999px;
color:#5A473F; font-weight:700; letter-spacing:.02em;
background:linear-gradient(90deg, var(--terra), var(--taupe));
box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 0 0 1px rgba(154,127,105,.10);
}
.phx-body{ color:#46352F; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
.phx-body p{ margin:10px 0 }
/* ปุ่ม: Terracotta → Rose (วินเทจหวาน) */
.btn{
display:inline-block; text-decoration:none; border:none; cursor:pointer;
padding:.65rem 1.1rem; border-radius:12px; color:#3B2A25;
background:linear-gradient(180deg, var(--terra), var(--rose));
box-shadow:0 8px 18px rgba(154,127,105,.16), 0 0 0 1px rgba(154,127,105,.12);
}
.btn:hover{ filter:brightness(1.05) }
/* ฟุ๊งสำเร็จรูป: โทนชมพูวินเทจ / โทนน้ำเงินหม่น */
.glow-rose{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(228,208,197,.95),0 0 28px rgba(199,185,174,.55) }
.glow-dusty{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(157,172,183,.95),0 0 28px rgba(228,208,197,.50) }
/* Responsive */
@media (max-width:600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">Reno</font></h1>
<div class="phx-sub"><font size="3">(รัฐเนวาดา • สหรัฐอเมริกา)</font></div>
<figure class="phx-hero">
<!-- เปลี่ยนรูปได้ตามต้องการ -->
<img src="https://img5.pic.in.th/file/secure-sv1/DowntownRiverwalk_Desktop.png" alt="Vintage Street">
</figure>
<section class="phx-card">
<h2 class="glow-rose"><font size="6">เมืองรีโน</font></h2>
<div class="phx-tag"><font size="3">The Biggest Little City in the World</font></div>
<div class="phx-body">
<p style="text-align: left;"> Reno หรือ รีโน เมืองเล็กๆที่เต็มไปด้วยสีสันในรัฐเนวาดา ห่างจากซานฟรานซิสโกเพียง 1 ชั่วโมงจากการเดินทางด้วยสายการบิน หรือ 4 ชั่วโมงผ่านเมือง Sacramento เมืองหลวงของรัฐ California ผ่านวิวทิวทัศน์เทือกเขาอันสวยงามด้วยทางรถ เมืองรีโนได้รับขนานนามว่าเป็น "The Biggest Little City in the World" (เมืองเล็กๆ ที่ใหญ่ที่สุดในโลก) ซึ่งตั้งขึ้นในปี 1929 เนื่องจากเมืองรีโนเป็นเมืองในทะเลทราย ใต้เงาของเทือกเขาเนวาดาที่มีหิมะปกคลุม เริ่มต้นมาจากเพียงแค่การทำสะพานข้ามแม่น้ำ จากนั้นก็มีผู้คนเริ่มมาตั้งรกรากมากขึ้น </p><p style="text-align: left;"><span style="letter-spacing: 0.1px;"> </span>เมืองนี้มีรากฐานการทำปศุสัตว์ เหมืองแร่ ร้านค้ามากมาย ต่อมาก็มีโรงแรมขนาดใหญ่ มีคาสิโนมากมาย ถือเป็นอีกหนึ่ง gateway ระหว่างทางตะวันตกและทางตะวันออกของอเมริกา ซึ่งทำให้ปัจจุบันเป็นเมืองที่เติบโตอย่างมาก ทาง Apply และ Google ได้มาตั้งฐาน database ขนาดใหญ่ที่นี่ซึ่งเป็นการยืนยันถึงความเจิญที่จะก่อตัวขึ้นมาในอนาคตอันใกล้ รีโนยังมีชื่อเสียงในเรื่องแหล่งการพนันและเป็นสถานที่อันอุดมสมบูรณ์ มีทั้งวัฒนธรรม ร้านอาหาร และร้านค้าที่กำลังขยายตัว </p><p style="text-align: left;"><span style="letter-spacing: 0.1px;"> </span>นอกเหนือจากคาสิโนแล้ว รีโนยังมีสถานที่ที่น่าสนใจสำหรับครอบครัวอีก เช่น พิพิธภัณฑ์ สวนสัตว์ และศูนย์วิทยาศาสตร์ ร้านกาแฟ ร้านอาหาร และแกลอรีตั้งอยู่เรียงรายใน Truckee River Arts District และยังมีการจัดแสดงรถเก่าระดับโลกที่พิพิธภัณฑ์ยานยนต์แห่งชาติ ที่มีรถมากกว่า 200 คัน ที่บอกได้ว่าต้องอึ้งไปกับรถแต่ละคันตั้งแต่อดีตเหมือนที่เห็นในหนังภาพยนตร์</p>
</div>
</section>
</div>
</div>
</div>
หมวดหมู่ที่ตั้งสถานที่: แกรนด์แคนยอน รัฐแอริโซน่า สหรัฐอเมริกา ชื่อสถานที่: [รัฐแอริโซน่า] แกรนด์แคนยอน
[AppleScript] มุมมองข้อความธรรมดา คัดลอกโค้ด <!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* =================== CORAL SATIN PALETTE =================== */
:root{
/* โทนจากภาพ */
--coral:#E78262; /* คอรัลส้มชมพู */
--rose:#DE9785; /* โรสพีช */
--apricot:#E79F74; /* แอปริคอต */
--blush:#EDBBA6; /* บลัชครีม */
/* ใช้งาน */
--ink:#45261F; /* ตัวอักษรหลัก – น้ำตาลอบอุ่นอ่านชัด */
--ink-soft:#6D4A41; /* ตัวอักษรรอง */
--paper:#FEFAF7; /* กระดาษโทนอุ่นนมชมพู */
--line:rgba(103,58,49,.16); /* เส้นขอบบาง โทนอบเชย */
--radius:22px;
--maxw:800px;
--shadow:0 14px 28px rgba(103,58,49,.14);
}
/* รีเซ็ต + วอลเปเปอร์ซาตินประกายพีช */
html,body{ height:100% }
body{
margin:0; color:var(--ink);
font-family:'Kanit',system-ui,-apple-system,sans-serif;
background:transparent !important;
}
html::before{
/* ไล่สีแบบผืนผ้าไหม: blush → rose → coral/apricot */
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(1200px 260px at 20% -5%, rgba(255,255,255,.35), transparent 60%),
radial-gradient(1000px 220px at 85% 10%, rgba(255,255,255,.28), transparent 65%),
linear-gradient(180deg,
#F8E6DD 0%,
var(--blush) 20%,
var(--rose) 48%,
var(--coral) 72%,
var(--apricot) 100%);
filter:saturate(1.02);
}
html::after{
/* แวววิ้งแบบกลิตเตอร์อ่อน ๆ */
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(800px 150px at 50% 80%, rgba(255,255,255,.22), transparent 70%),
radial-gradient(600px 120px at 10% 60%, rgba(255,255,255,.18), transparent 70%);
}
/* =================== SECTION =================== */
.post-bg{
padding:30px;
background:
radial-gradient(90% 70% at 10% 0%, rgba(255,255,255,.40), transparent 60%),
radial-gradient(70% 50% at 100% 0%, rgba(255,255,255,.26), transparent 60%);
}
/* กล่องหลัก */
#box01{
position:relative; max-width:980px; margin:0 auto; overflow:hidden;
border-radius:var(--radius);
padding:42px 48px;
background:
linear-gradient(180deg, rgba(237,187,166,.92), rgba(231,159,116,.88)); /* blush→apricot */
border:1px solid var(--line); /* ขอบจาง */
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.6);
}
/* ไฮไลต์นุ่ม */
#box01::before{
content:""; position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(231,130,98,.20), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw); margin:16px auto 0; padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
border-radius:calc(var(--radius) + 2px);
border:1px solid var(--line);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
}
/* ====== หัวเรื่อง + “ฟุ๊ง ๆ” โทนคอรัลพีช ====== */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; margin:10px 0 6px; text-align:center;
color:#3D2019;
text-shadow:
0 1px 0 rgba(255,255,255,.92), /* ไฮไลต์คม */
0 0 16px rgba(237,187,166,.95), /* blush glow */
0 0 26px rgba(222,151,133,.60), /* rose glow */
0 0 34px rgba(231,130,98,.45); /* coral glow */
letter-spacing:.5px;
}
.phx-sub{ text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px }
/* ฮีโร่ */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
border:1px solid rgba(103,58,49,.12);
box-shadow:0 10px 24px rgba(103,58,49,.12), inset 0 0 0 1px rgba(255,255,255,.62);
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
.phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.05) contrast(1.02) }
/* การ์ดเนื้อหา (นมชมพู→พีช) */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px; padding:22px 24px; text-align:center;
border-radius:var(--radius); border:none;
background:linear-gradient(180deg, #FEF2EC 0%, #F5D8CB 30%, #F0C4B2 55%, #E9A989 100%);
box-shadow:var(--shadow), 0 0 0 1px rgba(231,130,98,.16), inset 0 1px 0 rgba(255,255,255,.6);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 10px;
color:#3F231C;
text-shadow:
0 1px 0 rgba(255,255,255,.92),
0 0 12px rgba(237,187,166,.9),
0 0 22px rgba(231,130,98,.50);
}
.phx-tag{
display:inline-block; padding:.28rem .65rem; border-radius:999px;
color:#5B382F; font-weight:700; letter-spacing:.02em;
background:linear-gradient(90deg, var(--coral), var(--blush));
box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 0 0 1px rgba(103,58,49,.10);
}
.phx-body{ color:#4A2B23; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
.phx-body p{ margin:10px 0 }
/* ปุ่ม: Coral → Blush */
.btn{
display:inline-block; text-decoration:none; border:none; cursor:pointer;
padding:.65rem 1.1rem; border-radius:12px; color:#3C221B;
background:linear-gradient(180deg, var(--coral), var(--blush));
box-shadow:0 8px 18px rgba(103,58,49,.16), 0 0 0 1px rgba(103,58,49,.12);
}
.btn:hover{ filter:brightness(1.05) }
/* ฟุ๊งสำเร็จรูป: โทนคอรัล / โทนบลัช */
.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) }
.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) }
/* Responsive */
@media (max-width:600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">Grand Canyon</font></h1>
<div class="phx-sub"><font size="3">(รัฐแอริโซน่า • สหรัฐอเมริกา)</font></div>
<figure class="phx-hero">
<!-- เปลี่ยนรูปได้ตามต้องการ -->
<img src="https://img2.pic.in.th/pic/Lake-Powell-Antelope-Canyon-tours.jpg" alt="Coral Glass">
</figure>
<section class="phx-card">
<h2 class="glow-coral"><font size="6">แกรนด์แคนยอน</font></h2>
<div class="phx-tag"><font size="3">ดินแดนแห่งหินผาและหุบเหว</font></div>
<div class="phx-body">
<p><font size="3">แกรนด์แคนยอน เป็นดินแดนหินผาและหุบเหว อุทยานแห่งชาติแกรนด์แคนยอนเป็นอุทยานแห่งชาติของสหรัฐอเมริกาตั้งอยู่ทางตะวันตกเฉียงเหนือของรัฐแอริโซนาเป็นสถานที่แห่งที่ 15 ที่ได้รับการขนานนามว่าเป็นอุทยานแห่งชาติ จุดเด่นของอุทยานแห่งนี้คือแกรนด์แคนยอนซึ่งเป็นช่องเขาของแม่น้ำโคโลราโดซึ่งมักได้รับการยกย่องให้เป็นหนึ่งในสิ่งมหัศจรรย์ของโลก</font></p>
</div>
</section>
</div>
</div>
</div>
|
เจ้าของ: God
[คัดลอกลิงก์]
โพสต์ 2025-9-12 05:55:26
โพสต์ 2025-9-16 04:00:30
