Time Capsule

-----[โค้ดกระทู้]-----
<link href="https://dl.dropbox.com/scl/fi/yxjrh12evft2drvkbhiiv/TimeCapsule.css?rlkey=2mhcpzr64hn3fffql8za0834a" rel="stylesheet">
<div id="zzzcode"><a href="https://discord.com/users/625292873914515456/" target="_blank"></a><div class="tc-paper"><div class="tc-head"><div class="tc-stamp" style="--tc-stamp: url(https://i.imgur.com/5KW6Lye.png);"></div>
<div class="tc-from"><div class="tc-name">Desdemona E. Zeth<br>Zoe Cameron</div></div></div>
<div class="tc-content">
<div class="tc-to">Elysians</div>
<br>
[align=center]ทุกคนรู้จัก <span>Time Capsule</span> หรือสิ่งที่เรียกว่า <span>แคปซูลแห่งกาลเวลา</span> กันไหมคะ ?
มันคือการที่คนเราได้รวบรวมความทรงจำในปัจจุบัน ที่กำลังจะกลายเป็นอดีต
เพื่อให้ตัวเราเองในอนาคตได้หันกลับมามองตัวเรา

วันนี้โมนาจะมาชวนทุกคนทำ <span>Time Capsule</span> ของตัวเองกันค่ะ
แคปซูลแห่งกาลเวลาอันนี้จะเปิดออกในอีก 1 ปีข้างหน้า

[img]https://i.imgur.com/cvhX27T.png[/img][/align]

<div class="tc-topic">[u]กติกา[/u]</div>
[list=1]
[*]ผู้เข้าร่วมกิจกรรมจะต้องโรลเพลย์ถึง <span>Time Capsule</span> ในแบบของตัวเองลงในกระทู้กิจกรรม พร้อมเขียน<span>ชื่อและเผ่าพันธุ์</span>กำกับไว้
[*]เขียนจดหมายถึงตัวเองในอนาคต จากนั้นให้ส่งจดหมายไปทางดิสคอร์ด [url=https://discord.com/users/685853506481291416/]Lalalive#9029[/url] (Desdemona E. Zeth) ทางทีมงานจะส่งข้อความยืนยัน เมื่อเราบรรจุข้อมูลของผู้เข้าร่วมกิจกรรมลงใน Time Capsule เรียบร้อยแล้ว
[/list]
[align=center][b][color=#0047ab]การเขียนจดหมายถึงตัวเองนั้น ไม่จำกัดจำนวนคำ สามารถตกแต่งจดหมายได้ และใส่ภาพประกอบได้
เนื้อหาในจดหมายไม่ควรเป็นความลับ เนื่องจากจะมีการเปิดเผยเมื่อครบกำหนดเวลา[/color][/b][/align]

<div style="text-indent: 2rem;">หากทุกคนทำตามกติกาครบแล้วก็กลับไปใช้ชีวิตตามปกติของตัวเอง ปล่อยให้กาลเวลาทำหน้าที่ของมันไป และในอีก 1 ปีข้างหน้า เรามีนัดกันที่นี่ ตรงนี้ เพื่อจะมาเปิด <span>Time Capsule</span> ไปพร้อม ๆ กันนะคะ</div>

<div class="tc-topic">[u]ของรางวัล[/u]</div>
[list]
[*]ผู้เข้าร่วมกิจกรรมทุกคนจะได้รับเงินรางวัล 100 ดอลลาร์ และ คริสตัลคะแนนคนละ 1 ชิ้น <span>(รางวัลอาจมีการเปลี่ยนแปลงตามความเหมาะสม)</span>
[*]สิทธิ์แลกซื้อไอเทม <span>Capsule Stamps</span> ใส่หน้าโปรไฟล์ 1 ชิ้น (จ่าย $100 มาที่ Desdemona E. Zeth)
[/list]
[align=center][img=400x200]https://i.imgur.com/yr63GTc.png[/img]

[font=Courier New]<span>CAPSULE STAMPS</span>[/font][/align]

<div class="tc-topic">[u]ระยะเวลาเข้าร่วมกิจกรรม[/u]</div>
[align=center]12 - 18 มีนาคม 2567[/align]
</div>
<div class="tc-content">
<div class="tc-topic">โค้ดสำหรับเข้าร่วมกิจกรรม (ไม่บังคับ)</div>
[align=center]คลิกเพื่อดูคำอธิบายโค้ดเพิ่มเติม[/align]
<details><summary>[code]<link href="https://dl.dropbox.com/scl/fi/yxjrh12evft2drvkbhiiv/TimeCapsule.css?rlkey=2mhcpzr64hn3fffql8za0834a" rel="stylesheet">
<div id="zzzcode"><a href="https://discord.com/users/625292873914515456/" target="_blank"></a><div class="tc-paper"><div class="tc-head"><div class="tc-stamp"><div class="tc-stamppic" style="--tc-pic: url(--ลิงก์รูปภาพ--);"></div></div>
<div class="tc-from"><div class="tc-name">--Display Name--<br>--Race--</div></div></div>
<div class="tc-content">
<div class="tc-to">--Display Name--</div>
<br>
--ข้อความ--
</div>
</div></div>[/code]</summary><br><span>สิ่งที่แก้ไขได้</span>
[list]
[*][b][color=#0047ab]รูปภาพ (ตรงแสตมป์) :[/color][/b] [font=Monaco, Consolas, Courier, monospace][color=#000000]--tc-pic: url(--ลิงก์รูปภาพ--);[/color][/font]
[*][b][color=#0047ab]ตำแหน่งภาพ[/color][/b]<span>*</span> [b][color=#0047ab]:[/color][/b] เพิ่ม [font=Monaco, Consolas, Courier, monospace][color=#000000]--tc-position: center;[/color][/font] ต่อท้ายลิงก์รูป
[*][b][color=#0047ab]ขนาดภาพ[/color][/b]<span>**</span> [b][color=#0047ab]:[/color][/b] เพิ่ม [font=Monaco, Consolas, Courier, monospace][color=#000000]--tc-size: cover;[/color][/font] ต่อท้ายลิงก์รูป
[/list]
<span>*สำหรับปรับตำแหน่งรูป ให้ใส่เลขตามรูปแบบนี้</span> [font=Monaco, Consolas, Courier, monospace][color=#000000]--tc-position: 50% 50%;[/color][/font]
[list]
[*]เลขตัวแรกคือการขยับซ้าย - ขวา โดย 0% = ชิดซ้าย 100% = ชิดขวา
[*]เลขตัวแรกคือการขยับขึ้น - ลง โดย 0% = ชิดบน 100% = ชิดล่าง
[/list]
<span>**สำหรับปรับขนาดรูป ให้ใส่เลขตามรูปแบบนี้</span> [font=Monaco, Consolas, Courier, monospace][color=#000000]--tc-size: 100%;[/color][/font]
[list]
[*]100% คือขนาดปกติ
[*]น้อยกว่า 100% คือ ขนาดเล็กลง (ซูมออก)
[*]มากกว่า 100% คือ ขนาดใหญ่ขึ้น (ซูมเข้า)
[/list]
</details></div>
</div></div>

-----[โค้ดโรลเพลย์ เผื่อเอาไปโรลเป็นตัวอย่าง]-----
<link href="https://dl.dropbox.com/scl/fi/yxjrh12evft2drvkbhiiv/TimeCapsule.css?rlkey=2mhcpzr64hn3fffql8za0834a" rel="stylesheet">
<div id="zzzcode"><a href="https://discord.com/users/625292873914515456/" target="_blank"></a><div class="tc-paper"><div class="tc-head"><div class="tc-stamp"><div class="tc-stamppic" style="--tc-pic: url(--ลิงก์รูปภาพ--);"></div></div>
<div class="tc-from"><div class="tc-name">--Display Name--<br>--Race--</div></div></div>
<div class="tc-content">
<div class="tc-to">--Display Name--</div>
<br>
--ข้อความ--
</div>
</div></div>