Seonbi - PaperNoted

<!--
[คู่มือการใช้งาน]

สีกระดาษ: --ppnote-bg: #f2f2f2;
สีเส้นบรรทัด: --ppnote-line-x: steelblue;
สีเส้นแนวตั้ง: --ppnote-line-y: rgba(255, 0, 0, 0.3);
สีข้อความ: --ppnote-txt: #000;
สีชื่อบนโพลารอยด์: --ppnote-primary: #000;

หมุนสีเทป: --ppnote-hue: 300deg; (มีค่า 0 - 360deg ลองหมุนเล่นดู)

png ทั้ง 3 อัน มีขนาด 1:1 (จัตุรัส) หากรู้สึกว่ารูปที่นำมามีการเว้นขอบมากเกินจนภาพเล็ก สามารถเติม --ppnote-size: ขนาดที่ต้องการ ต่อท้ายลิงก์รูปได้เลย

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

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

<link href="https://dl.dropbox.com/scl/fi/6uuiw6f73mogmgwfq73yr/seonbi-papernoted.css?rlkey=rnx2jkexyaube906iz67ncwuk&st=z4ee2m39" rel="stylesheet">
<div id="PaperNoted"><a href="https://discord.com/users/625292873914515456/"></a><div class="ppnote-paper" style="--ppnote-bg: #f2f2f2;--ppnote-line-x: steelblue;--ppnote-line-y: rgba(255, 0, 0, 0.3);--ppnote-txt: #000;--ppnote-primary: #000;">
<div class="ppnote-line">
<div class="ppnote-content">
[b]@ สถานที่[/b]

--เนื้อหา--</div>
<div class="ppnote-ps"><b>หมายเหตุ :</b>--หมานเหตุ--</div>
</div>
<div class="ppnote-polaroid" style="--ppnote-hue: 300deg;">
<div class="ppnote-png1" style="--ppnote-png: url(--ลิงก์รูป png ด้านบน--);"></div>
<div class="ppnote-png2" style="--ppnote-png: url(--ลิงก์รูป png ด้านล่าง--);"></div>
<div class="ppnote-png3" style="--ppnote-png: url(--ลิงก์รูป png ด้านซ้าย--);"></div>
<div class="ppnote-pic" style="--ppnote-pic: url(--ลิงก์รูป ในโพลารอยด์--);"></div>
<div class="ppnote-name">Joelle F. Escoffier</div>
</div></div></div>