Icarus - Profile Code

<!--
[คู่มือการใช้งาน]
สีหลัก (สีหัวข้อภาษาอังกฤษ/ชื่อเพื่อน) : --icrpf-primary: #08e8de;
สีรอง (สีหัวข้อภาษาไทย/เส้นคั่นใต้ชื่อ) : --icrpf-secondary: #e7feff;
ฟอนต์ชื่อ : --icrpf-font: 'Alex Brush'; *อย่าลืมก๊อปลิงก์ฟอนต์มาด้วย

ถ้าจะสลับตัวละครไปยืนทางขวา ให้แก้ไข <div class="icrpf-flex"> เป็น <div class="icrpf-flex rev">

รูปครึ่งตัวแก้ใน [img][/img] ได้เลย ไม่ต้องทำเฟด โคดเฟดให้แล้ว

รูปพื้นหลัง : --icrpf-bg: url(https://i.imgur.com/PwD3FnA.jpg);
ตำแหน่งภาพ : เพิ่ม --icrpf-bgpos: 50% 50%; ต่อท้ายลิงก์รูปที่ต้องการปรับ
 - เลขตัวแรกคือการขยับซ้าย - ขวา โดย 0% = ชิดซ้าย 100% = ชิดขวา
 - เลขตัวหลังคือการขยับขึ้น - ลง โดย 0% = ชิดบน 100% = ชิดล่าง

ขนาดภาพ : เพิ่ม --icrpf-bgsize: cover; ต่อท้ายลิงก์รูปที่ต้องการปรับ
 - cover คือ ขยายเต็มพื้นที่
 - 100% คือ ขนาดกว้างเท่า div
 - มากกว่า 100% คือ ขนาดใหญ่ขึ้น
 - น้อยกว่า 100% คือ ขนาดเล็กลง

รูปในกรอบสี่เหลี่ยมและรูปเพื่อน : --icrpf-pic: url(https://i.imgur.com/m7TvowY.png);
ในกรอบสี่เหลี่ยม ถ้าเป็นรูปไม่มีพื้นหลัง สามารถกำหนดสีพื้นหลังรูปได้ด้วยการเติม --icrpf-bgclr: #00a5df; ต่อท้ายได้เลย

ตำแหน่งภาพ : เพิ่ม --icrpf-pos: 50% 50%; ต่อท้ายลิงก์รูปที่ต้องการปรับ
 - เลขตัวแรกคือการขยับซ้าย - ขวา โดย 0% = ชิดซ้าย 100% = ชิดขวา
 - เลขตัวหลังคือการขยับขึ้น - ลง โดย 0% = ชิดบน 100% = ชิดล่าง

ขนาดภาพ : เพิ่ม --icrpf-size: cover; ต่อท้ายลิงก์รูปที่ต้องการปรับ
 - cover คือ ขยายเต็มพื้นที่
 - 100% คือ ขนาดกว้างเท่า div
 - มากกว่า 100% คือ ขนาดใหญ่ขึ้น
 - น้อยกว่า 100% คือ ขนาดเล็กลง

ถ้าจะเขียนนิสัยแบบบรรยาย สามารถใช้ <p></p> ได้เหมือนประวัติ
ประวัติและนิสัย ถ้าเริ่มย่อหน้าใหม่ให้ใส่ใน <p></p> ***สำคัญ***

เพิ่มเพื่อนให้ก๊อปส่วนนี้ไปเติมได้เลย
<div class="icrpf-person">
<div class="icrpf-pic" style="--icrpf-pic: url(--ลิงก์รูปเพื่อน--);"></div>
<div class="icrpf-info"><b>Name</b><hr>Relationship</div>
</div>
-->

<link href="https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap" rel="stylesheet">
<link href="https://savant777.github.io/zoecode/icarusprofile.css" rel="stylesheet">
<div id="IcarusProfile"><a href="https://discord.com/users/625292873914515456/"></a><div class="icrpf-box" style="--icrpf-primary: #08e8de;--icrpf-secondary: #e7feff;--icrpf-font: 'Alex Brush';">
<div class="icrpf-flex">
<div class="icrpf-pic">[img]https://iili.io/KEsiDKv.png[/img]</div>
<div class="icrpf-info" style="--icrpf-bg: url(https://i.imgur.com/PwD3FnA.jpg);">
<div class="icrpf-img" style="--icrpf-pic: url(https://i.imgur.com/m7TvowY.png);"></div>
<div class="icrpf-grid">
<div class="icrpf-name">Icarus V. Deluar</div>
<div><t>ชื่อเล่น:</t><b>Nick Name:</b></div><div>Icarus</div>
<div><t>อายุ:</t><b>Age:</b></div><div>25</div>
<div><t>วันเกิด:</t><b>Birthdate:</b></div><div>25/07/2000</div>
<div><t>เผ่า:</t><b>Race:</b></div><div>Enchanter</div>
<div><t>ระดับขั้น:</t><b>Level:</b></div><div>4</div>
<div><t>การศึกษา:</t><b>Major:</b></div><div>Forest Entomology</div>
<div><t>อาชีพ:</t><b>Career:</b></div><div>Dandelion Co-Owner</div>
<div><t>เฟซเคลม:</t><b>Face Claim:</b></div><div>Shiroiwa Ruki</div>
</div>
<div class="icrpf-section"><div class="icrpf-topic"><t>ลักษณะนิสัย:</t><b>Personality:</b></div>
<div class="icrpf-content">
[list]
[*]อิคารัสเป็นเด็กหนุ่มที่สนใจสิ่งมีชีวิตประเภทแมลงมาแต่ไหนแต่ไร เมื่อเขาเห็นแมลงประเภทใหม่ ๆ เมื่อไหร่ โลกทั้งใบของเขาจะเหลือเพียงแค่เขากับแมลงตัวนั้นเท่านั้น
[*]ปกติ อิคารัสเป็นเด็กหนุ่มที่ยิ้มง่าย ร่าเริง สดใส และค่อนข้างคิดบวก
[*]จะพูดไม่เก่งเมื่อต้องอยู่หน้าคนหมู่มาก และเป็นคนที่ไม่รู้จัก  บางทีอาจจะแข็งเป็นหินไปเลยก็ได้ แต่หากสนิทกับเด็กหนุ่มเมื่อไหร่แล้ว อิคารัสจะแสดงความสนิทใจออกมาขั้นสุด แต่จะออดอ้อนกับคนที่สนิทมาก ๆ เท่านั้น
[*]อิคารัสไม่ชอบคนโกหกเอามาก ๆ ยกเว้นแต่ว่าเหตุผลของการโกหกนั้นจะฟังขึ้น หรือไม่ก็การโกหกนั้นคือ White lie เท่านั้น
[*]อิคารัสเป็นคนขี้สงสัยเอามาก ๆ หากสงสัยอะไรแล้วในบางครั้งจะถามออกไปทันที แต่ส่วนมากมักจะไตร่ตรองก่อนที่จะพูดออกมา
[*]จริง ๆ เป็นคนขี้แกล้งมาก ๆ ถ้าสนิทกับใครแล้วจะแกล้งบ่อยเท่าที่จะทำได้ แต่มีลิมิตของตน ไม่แกล้งแรงจนเกินไป
[*]คออ่อนมากกก ถ้าถึงลิมิตจะฟุบหน้าหลับไปแป๊บนึงก่อนจะตื่นมาด้วยความเมา แต่ถ้าดื่มเกินลิมิตตัวเองจะนอนข้ามวันข้ามคืน
[/list]
</div></div>
</div></div>
<div class="icrpf-pad">
<div class="icrpf-section"><div class="icrpf-topic"><t>ประวัติ:</t><b>Background:</b></div>
<div class="icrpf-content">
<p>กลางฤดูร้อน ในคืนที่ท้องฟ้าโล่งโปร่ง ไร้เมฆาบดบังความงามของบุหลันที่ลอยเด่นท่ามกลางหมู่ดาวนับร้อยที่ล้อมรอบ เหมือนกับเด็กน้อยที่พึ่งจะลืมตาดูโลกในตระกูล [i]'เดอลัวร์'[/i] เด็กชายตัวน้อยหน้าตาจิ้มลิ้มน่ารักเกิดขึ้นมาจากความรักของผู้เป็นพ่อและแม่ ส่งเสียงอ้อแอ้ในอ้อมกอดอันแสนอบอุ่นของบุพการี</p>
<p>[i][b]'อิคารัส'[/b][/i]</p>
<p>นามของบุตรชายของพ่อมดจากตระกูล [i]'เดอลัวร์'[/i] และแม่มดจากตระกูล [i]'อัลวาร์ต'[/i] เติบโตในหุบเขาท่ามกลางป่าใหญ่ห่างไกลจากเมืองใหญ่ เรียนรู้และฝึกฝนจากผู้เป็นบิดามารดา ก่อนที่เมื่ออายุครบ 10 ปี พ่อและแม่ของอิคารัสก็ได้แยกทางกัน เขาได้ตัดสินใจที่จะอาศัยอยู่กับผู้เป็นพ่อ และเริ่มสนิทกับญาติทางฝั่งพ่อมากขึ้น โดยเฉพาะกับ [i]'ซินเนีย แอนโทนี่ ลูอิส'[/i] ลูกพี่ลูกน้องของเขา ที่สนิทกันอย่างมากในช่วงที่ซินเนียเรียนมหาวิทยาลัย อิคารัสได้ไปอาศัยอยู่ที่หอของซินเนียอยู่บ่อยครั้งเวลาที่พ่อของเขาต้องขึ้นฟ้องร้องหย่าภรรยา หรือ แม่ของเขา ช่วงเวลานี้เด็กน้อยจึงสนิทกับพี่สาวคนนี้ขึ้นเรื่อย ๆ จนกระทั่งทุกสิ่งอย่างกลับมาสู่ความปกติ ซินเนียต้องออกเดินทางต่อ อิคารัสจึงได้กลับมาอยู่กับบิดาของเขา และยังคงติดต่อกับพี่สาวคนนี้เสมอ</p>
<p>เมื่ออิคารัสโตขึ้น เด็กหนุ่มได้เขาศึกษาต่อในคณะกีฏวิทยาในมหาลัยแห่งหนึ่ง เมื่อเรียนจบจึงขออณุญาตพ่อว่าจะไปอาศัยอยู่ในหมู่บ้านนาม [i]'เอลิเชียน'[/i] ตอนมีอายุได้ 22 ปี และได้มาอาศัยอยู่กับซินเนียพี่สาวคนสนิทของตน</p>
</div></div>
<div class="icrpf-section"><div class="icrpf-topic"><t>ความสัมพันธ์:</t><b>Relationships:</b></div>
<div class="icrpf-rel">
<div class="icrpf-person">
<div class="icrpf-pic" style="--icrpf-pic: url(--ลิงก์รูปเพื่อน--);"></div>
<div class="icrpf-info"><b>Zinnia A. Lewis</b><hr>Cousin</div>
</div>
<div class="icrpf-person">
<div class="icrpf-pic" style="--icrpf-pic: url(--ลิงก์รูปเพื่อน--);"></div>
<div class="icrpf-info"><b>Miller L. Alan</b><hr>University Senior</div>
</div>
<div class="icrpf-person">
<div class="icrpf-pic" style="--icrpf-pic: url(--ลิงก์รูปเพื่อน--);"></div>
<div class="icrpf-info"><b>Logan D. Schneider</b><hr>Future in law</div>
</div>
<div class="icrpf-person">
<div class="icrpf-pic" style="--icrpf-pic: url(--ลิงก์รูปเพื่อน--);"></div>
<div class="icrpf-info"><b>Cielo Z. Alan</b><hr>University junior</div>
</div>
<div class="icrpf-person">
<div class="icrpf-pic" style="--icrpf-pic: url(--ลิงก์รูปเพื่อน--);"></div>
<div class="icrpf-info"><b>Weller Macdecia</b><hr>Dandelion employee</div>
</div>
<div class="icrpf-person">
<div class="icrpf-pic" style="--icrpf-pic: url(--ลิงก์รูปเพื่อน--);"></div>
<div class="icrpf-info"><b>Alvis L. Estelle</b><hr>Dandelion employee</div>
</div>
<div class="icrpf-person">
<div class="icrpf-pic" style="--icrpf-pic: url(--ลิงก์รูปเพื่อน--);"></div>
<div class="icrpf-info"><b>Soraria Archer</b><hr>Dandelion employee</div>
</div>
<div class="icrpf-person">
<div class="icrpf-pic" style="--icrpf-pic: url(--ลิงก์รูปเพื่อน--);"></div>
<div class="icrpf-info"><b>Nicolas S. Saladin</b><hr>Tenant</div>
</div>
</div></div>
<div class="icrpf-section"><div class="icrpf-topic"><t>อื่น ๆ:</t><b>TMI:</b></div>
[list]
[*]xxx
[*]xxx
[*]xxx
[*]xxx
[/list]
</div>
</div>
</div></div>