Advertisement
Kelly-B9978

Activity Elio

Jan 14th, 2024 (edited)
1,253
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.78 KB | None | 0 0
  1. [--- ตัวอย่างกระทู้ ---]
  2.  
  3. <link href="https://dl.dropbox.com/scl/fi/yj0jzuk5lo6mqcgotmz6u/activityElio01.css?rlkey=6rrb14xnz8f69kztqzapr81f2" rel="stylesheet">
  4. <div id="zzzcode"><a href="https://discord.com/users/625292873914515456/" target="_blank"></a><div class="aebox" style="--aebgpic: antiquewhite;--aetxtcolor: black;--aefont-en: 'Inter';--aefont-th: 'Noto Sans Thai';">
  5. <div class="aelogo" style="--aelogopic: url(https://media.discordapp.net/attachments/710198272974782554/1195748264373391410/IMG_4393.png);"></div>
  6. <div class="aetabs">
  7. <input class="aeinput" name="tabs" type="radio" id="tab-1" checked="checked"/>
  8. <label class="aelabel" for="tab-1" style="--aetabcolor: #ccc;--aetabcolor-hover: #b5b5b5;--aetabcolor-selected: white;--aetxtcolor-tab: black;"><p>รายละเอียดกิจกรรม</p></label>
  9. <div class="aecontent" style="--aetabcolor-selected: white;"><div class="aetopic" style="color: #b22222;">About</div>
  10.           กิจกรรมสร้างเรื่องสร้างราวที่จะมาท้าทายทักษะการเขียน และความคิดสร้างสรรค์ ภายใต้ธีม [b]ทะลุมิติไปเป็นจอมยุทธ์[/b] ทางทีมงานจะมีโจทย์กำหนดมาให้ว่าเรื่องราวเกิดขึ้นในช่วงยุคสมัยใด รวมถึงคาแรกเตอร์หลัก ๆ ของตัวเอก โดยผู้เล่นคนแรกจะต้องเริ่มเขียนปูเนื้อเรื่องภายใต้ข้อกำหนดของทีมงาน จากนั้นผู้เล่นคนต่อ ๆ ไปจะเขียนเรื่องราวต่อกัน และผู้เล่นคนสุดท้ายจะเป็นคนจบเรื่อง พร้อมกับตั้งชื่อเรื่องให้เรียบร้อย
  11.  
  12.           ทุกคนที่เข้าร่วมจะสามารถส่งเรื่องราวได้คนละ 1 เรื่องเท่านั้น และจะต้องตกลงจัดลำดับคิวลงก่อนหลังด้วยตนเอง ซึ่งแต่ละคนจะมีเวลาคิดพล็อตและสร้างสรรค์เรื่องราวคนละ 24 ชั่วโมง (ภายใน 1 วัน)
  13.  
  14. <div class="aetopic" style="color: #b22222;">Rewards</div>
  15. [align=center]ผู้เข้าร่วมกิจกรรมจะได้เงินรางวัลคนละ 100 ดอลลาร์ และคริสตัลคะแนนคนละ 1 ชิ้น
  16. [b](ในกรณีที่ผู้เล่นเกิน 20 คน จะทำการสุ่มคริสตัลให้)[/b][/align]
  17.  
  18. <div class="aetopic" style="color: #b22222;">Duration</div>
  19. [align=center][b]เริ่มกิจกรรม[/b] 10 พฤศจิกายน 2566 เวลา 00:00 น.
  20. [b]สิ้นสุดกิจกรรม[/b] 17 พฤศจิกายน 2566 เวลา 23:59 น.[/align]
  21. </div>
  22. <input class="aeinput" name="tabs" type="radio" id="tab-2"/>
  23. <label class="aelabel" for="tab-2" style="--aetabcolor: #ccc;--aetabcolor-hover: #b5b5b5;--aetabcolor-selected: white;--aetxtcolor-tab: black;"><p>กติกาและวิธีการเล่น</p></label>
  24. <div class="aecontent" style="--aetabcolor-selected: white;"><div class="aetopic" style="color: #b22222;">How to play</div>
  25. [list=1]
  26. [*]ผู้เล่นทำการจัดลำดับคิวลงเรื่องก่อน-หลังในเธรดของกิจกรรม
  27. [*]ผู้เล่นคนแรกกำหนดเพศของตัวละครเอก รูปลักษณ์ภายนอก รวมถึงตั้งชื่อตัวละคร จากนั้นให้ปูเนื้อเรื่องจากโจทย์ที่ทีมงานเป็นคนกำหนด เพื่อให้ผู้เล่นคนต่อ ๆ ไปสามารถดำเนินเรื่องต่อได้ โดยทุกคนจะต้องเขียนเรื่องสั้นที่มีจำนวนคำห้ามต่ำกว่า 200 คำ และเนื้อเรื่องจะต้องอยู่ภายใต้ธีม และคาแรกเตอร์หลักที่ทีมงานเป็นผู้กำหนดมาให้
  28. [*]เมื่อถึงคิวของผู้เล่นคนสุดท้าย ให้ผู้เล่นปิดจบเรื่องราวของตัวละครเอก พร้อมตั้งชื่อเรื่องให้เรียบร้อย
  29. [*]แต่ละคนจะมีเวลาเขียน คิดพล็อต และโพสเรื่องต่อไม่เกิน 24 ชั่วโมงเมื่อถึงลำดับของตัวเอง ซึ่งหากภายใน 24 ชั่วโมงแล้วยังไม่มีโพสเรื่องต่อ จะโดนตัดสิทธิจากกิจกรรม และไม่ได้รับของรางวัลใด ๆ โดยลำดับการเขียนเรื่องสั้นผู้เข้าร่วมสามารถจัดสรรคิวกันเองได้ตามสะดวก และทุกคนที่เข้าร่วมส่งเรื่องราวได้คนละ 1 เรื่องเท่านั้น
  30. [/list]
  31. [align=center][b][size=x-large]คำเตือน : ระวังทีมงานแฝงตัวไปป่วน[/size][/b][/align]
  32. </div>
  33. <input class="aeinput" name="tabs" type="radio" id="tab-3"/>
  34. <label class="aelabel" for="tab-3" style="--aetabcolor: #ccc;--aetabcolor-hover: #b5b5b5;--aetabcolor-selected: white;--aetxtcolor-tab: black;"><p>โจทย์จากทีมงาน</p></label>
  35. <div class="aecontent" style="--aetabcolor-selected: white;"><div class="aetopic" style="color: #b22222;">Given Topic</div>
  36. [b]เซ็ตติ้ง :[/b] ช่วงราชวงศ์ซ่ง (สามารถอ้างอิงเซ็ตติ้งจากนวนิยายกำลังภายในได้ แต่ห้ามลอกเลียนแบบ)
  37. [b]คาแรกเตอร์ตัวละครที่ดำเนินเรื่อง :[/b] (ไม่ได้กำหนดเพศหรือบุคลิกให้)
  38. [list]
  39. [*]ช่างสังเกต
  40. [*]ชอบโอ้อวด
  41. [*]ชอบดื่มเหล้า
  42. [*]เรียนรู้ไว
  43. [/list]
  44. [b]จุดเริ่มต้นเรื่องราว :[/b]
  45.           เมื่อพนักงานบริษัทธรรมดาที่ไม่มีอะไรโดดเด่น ทำงานกินเงินเดือนไปวัน ๆ เกิดประสบอุบัติเหตุโดนรถชนเพราะช่วยเหลือลูกแมวที่กำลังวิ่งออกไปกลางถนน ตัวเองเสียชีวิตคาที่ นำพาให้วิญญาณหลุดออกจากร่างทะลุมิติไปยังช่วงยุคสมัยของราชวงศ์ซ่ง พอได้สติกลับมาอีกครั้งกลับพบว่าตัวเองฟื้นขึ้นมาในร่างของลูกศิษย์พรรคสยบเมฆา สำนักของผู้มีวิทยายุทธ
  46.           คุณจะทำอย่างไรต่อไปเมื่อต้องตื่นขึ้นมาในสถานที่ที่ไม่คุ้นเคย ชะตาชีวิตของคุณ คุณคือผู้กำหนด
  47. </div>
  48. </div>
  49. <div class="aefoot">มีข้อสงสัยติดต่อ
  50. Elio Z. Caldwell | Dynadin V. Sylvester | Vanessa Z. Velaqueous</div></div></div>
  51.  
  52. [--- สำหรับแก้ไข ---]
  53.  
  54. พื้นหลัง | เป็นสีให้ใส่โค้ดสี --aebgpic: antiquewhite; เป็นรูปให้ใส่ลิงก์รูป --aebgpic: url(--ลิงก์รูป--);
  55. สีตัวอักษร | --aetxtcolor: black;
  56. ฟอนต์ภาษาอังกฤษ | --aefont-en: 'Inter';
  57. ฟอนต์ภาษาไทย | --aefont-th: 'Noto Sans Thai';
  58.  
  59. โลโก้กิจ | --aelogopic: url(https://media.discordapp.net/attachments/710198272974782554/1195748264373391410/IMG_4393.png);
  60.  
  61. แก้แท็บด้านบน ที่ label class="aelabel"
  62. - สีแท็บ (ปกติ) | --aetabcolor: #ccc;
  63. - สีแท็บ (ตอนเอาเมาส์ชี้) | --aetabcolor-hover: #b5b5b5;
  64. - สีแท็บ (ตอนคลิกเลือกแล้ว) | --aetabcolor-selected: white;
  65. - สีตัวอักษรของแท็บ (ตอนคลิกเลือกแล้ว) | --aetxtcolor-tab: black;
  66. ปล. แต่ละแท็บใส่สีต่างกันได้ อยู่ที่ว่าแก้แท็บไหน ดูที่ for="tab-1" for="tab-2" for="tab-3"
  67.  
  68. สีพื้นหลังเนื้อหา | <div class="aecontent" style="--aetabcolor-selected: white;">
  69. ปล. ควรเป็นสีเดียวกับแท็บข้างบน
  70.  
  71. สีหัวข้อ | <div class="aetopic" style="color: #โค้ดสี;">
  72.  
  73. สามารถเพิ่มเส้นคั่น <hr> หรือ [hr] คั่นระหว่างแต่ละหัวข้อได้ หรือใช้เส้นคั่นแบบรูปคั่นก็ได้ (ใช้วิธีแทรกรูปปกติ)
  74.  
  75. ล่างสุดที่เป็นช่องทางติดต่ออย่าลืมใส่ลิงก์ดิสคอร์ดทีมงาน
  76. ใช้ลิงก์นี้จะเชื่อมไปที่ dm discord โดยตรง >>> https://discord.com/users/เลขไอดีดิสคอร์ด/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement