JoPaper

<!--
[คู่มือแก้ไขโคด]
ความกว้าง : width: 800px;
ฟอนต์ภาษาไทย* : --jppfont-th: 'Bai Jamjuree';
ฟอนต์ภาษาอังกฤษ* : --jppfont-en: 'Playwrite CU';
สีกระดาษ : --jppbg: #eaeaea;
สีตัวอักษร : --jpptext: #000;

รูปเมจ : --jppimg: url(https://i.imgur.com/9Ypah7v.png);
ตำแหน่งรูป : --jpppos: 50% 50%;
- เลขตัวแรกคือการขยับซ้าย - ขวา โดย 0% = ชิดซ้าย 100% = ชิดขวา
- เลขตัวแรกคือการขยับขึ้น - ลง โดย 0% = ชิดบน 100% = ชิดล่าง
ขนาดรูป : --jppsize: cover;
- cover คือ ขยายเต็มพื้นที่
- 100% คือ กว้างเท่าพื้นที่
- มากกว่า 100% คือ ขนาดใหญ่ขึ้น
- น้อยกว่า 100% คือ ขนาดเล็กลง
-->

<link href="https://dl.dropbox.com/scl/fi/euhuqvfmefh0pzfa5pajt/jopaper.css?rlkey=wly1pun56epx98z8awlmkwbci&st=oddz5hf9" rel="stylesheet">
<div id="zzzcode"><a href="https://discord.com/users/625292873914515456/"></a><div class="jppbox" style="width: 800px;--jppfont-th: 'Bai Jamjuree';--jppfont-en: 'Playwrite CU';--jppbg: #eaeaea;--jpptext: #000;">
<div class="jpppaper"><div class="jpptop"></div>
<div class="jppmid">
<div class="jppname">Josephine Starling</div>
<div class="jppplace">@ สถานที่</div>
<div class="jppcontent">
--ข้อความ--
</div>
<hr><div class="jppps">[b]หมายเหตุ :[/b] -</div>
</div><div class="jppfoot"></div></div><div class="jppdeco"><div class="jpppicture">
<div class="jppimg" style="--jppimg: url(https://i.imgur.com/9Ypah7v.png);--jpppos: center;--jppsize: cover;"></div>
<div class="jppframe"></div></div><div class="jppflower"></div></div></div></div>