Vibe Journey : โคดเปล่า

<!--
[คู่มือการแก้ไขโคด]
- สีหลัก (สีแดง) : --vibe-primary: #c51427;
- สีรอง (สีเทา) :--vibe-secondary: #6d6e71;

- สีพื้นหลัง : --vibe-bg: #f2f2f2;
- สีตัวอักษร : --vibe-txt: #000;
- สีขอบ : --vibe-border: #6d6e71;

- ฟอนต์ภาษาไทย* : --vibe-fontth: 'Bai Jamjuree';
* อย่าลืมเอาลิงก์ฟอนต์มาด้วย

------------------------
[ส่วนแถบด้านบน]
ด้านซ้าย แก้ที่ <div class="vibe-topbar-item"> อันแรก
- รูป png : [img]https://iili.io/2E047J1.png[/img]
- คำ : Vibe Journey
- ไม่ต้องเว้นบรรทัด วางติดกันไปเลย

ด้านขวา แก้ที่ <div class="vibe-topbar-item"> อันที่สอง
- เลือกไอคอนจาก https://fontawesome.com/search มาวางได้เลย
- ไม่ต้องเว้นบรรทัด วางติดกันไปเลย

------------------------
[ส่วนเฮด]
รูป 4 ช่อง : --vibe-pic: url(--ลิงก์รูป--);

ส่วนข้อความด้านขวา
- โลโก้กิจ : [img]https://iili.io/2GfP37V.png[/img] (รูปขนาด 500px ไม่เว้นขอบ)
- ข้อความสักอย่าง แก้ใน <p></p>
- ปุ่มมีสี : จะมีชื่อคลาส primary

------------------------
[ส่วนเนื้อหา]
- หัวข้อ (ตัวไม่ใหญ่มาก ตัวหนา สีตามสีหลัก) ใช้ <h3>หัวข้อ</h3> เวลาใช้ให้เว้นบรรทัดว่างข้างบนไว้ 1 บรรทัดจะห่างพอดี
- เนื้อหาเป็นย่อหน้า ใส่ใน <p></p> ถ้าจะเพิ่มย่อหน้าก็ก๊อปวางเพิ่ม ถ้าไม่อยากเว้นย่อหน้าข้อความก็พิมพ์ข้อความปกติได้เลยไม่ต้องใช้ <p></p>

- นอกนั้นใช้เครื่องมือปกติได้เลย

------------------------
[เพลงประกอบกิจ]
<div style="display: none;">[ytauto=ลิงก์เพลง][/ytauto]</div>
-->

<link href="https://dl.dropbox.com/scl/fi/8ymzebtysl0ptvb2eyzg6/vibe.css?rlkey=5sf0s91nok670edo21icu6raf&st=a3nwl187" rel="stylesheet">
<div id="zzzcode"><a href="https://discord.com/users/625292873914515456/"></a><div class="vibe-container" style="--vibe-primary: #c51427;--vibe-secondary: #6d6e71;--vibe-bg: #f2f2f2;--vibe-txt: #000;--vibe-border: #6d6e71;--vibe-fontth: 'Bai Jamjuree';">
<div class="vibe-topbar">
<div class="vibe-topbar-item">[img]https://iili.io/2E047J1.png[/img]Vibe Journey</div>
<div class="vibe-topbar-item"><i class="fa-solid fa-magnifying-glass"></i><i class="fa-solid fa-camera-retro"></i><i class="fa-solid fa-swatchbook"></i><i class="fa-solid fa-desktop"></i></div>
</div>
<div class="vibe-header">
<div class="vibe-picture-group">
<div class="vibe-picture" style="--vibe-pic: url(--ลิงก์รูป1--);"></div>
<div class="vibe-picture" style="--vibe-pic: url(--ลิงก์รูป2--);"></div>
<div class="vibe-picture" style="--vibe-pic: url(--ลิงก์รูป3--);"></div>
<div class="vibe-picture" style="--vibe-pic: url(--ลิงก์รูป4--);"></div>
</div>
<div class="vibe-details">
[img]https://iili.io/2GfP37V.png[/img]
<hr>
<p>--คำโปรย--</p>
<div class="vibe-btn-group">
<div class="vibe-btn primary">--ปุ่มมีสี--</div>
<div class="vibe-btn">--ปุ่มไม่มีสี--</div>
</div></div></div>
<div class="vibe-content">
<p>--ย่อหน้า 1--</p>
<p>--ย่อหน้า 2--</p>
<p>--ย่อหน้า 3--</p>

<h3>วิธีเล่น :</h3>
[list=1]
[*]ขั้นตอน 1
[*]ขั้นตอน 2
[*]ขั้นตอน 3
[/list]

<h3>รางวัล :</h3>
[list]
[*]รางวัล 1
[*]รางวัล 2
[/list]


[align=center][size=x-large][b][color=#c51427]ระยะเวลากิจกรรม[/color][/b]
14 - 20 ธันวาคม 2567[/size]

ต้องการสอบถาม ติดต่อที่ เธรดกิจกรรม Vibe Journey : Christmas Edition[/align]
<div style="display: none;">[ytauto=ลิงก์เพลง][/ytauto]</div>
</div></div></div>