Skip to content

Instantly share code, notes, and snippets.

@jingcae
Last active July 22, 2023 00:50
Show Gist options
  • Save jingcae/d89175a04b9a1668fe7883f9e70e389c to your computer and use it in GitHub Desktop.
Save jingcae/d89175a04b9a1668fe7883f9e70e389c to your computer and use it in GitHub Desktop.
if you have any concerns regarding the layout, please comment on the MAIN THREAD or message u/SCHNEIZEL.
<!--LAYOUT NOTES--> are there to help you with the code and will relocate and/or disappear once you are out of source.
<!--LAYOUT START-->
<div style="margin:auto;width:422px;">
<div style="font-size:8px;font-family:arial;line-height:8px;color:#000;text-align:justify;letter-spacing:0.5px;">
<div style="margin-top:20px;float:left;width:422px;height:422px;">
<div style="float:left;width:420px;height:420px;border:1px solid #a1cad4;background:#fff;">
<div style="margin:10px;float:left;width:400px;">
<!--ABOUT ROLEPLAY-->
<div style="float:left;width:150px;height:125px;">
<div style="float:left;overflow:hidden;width:150px;height:110px;">
<div style="width:167px;height:110px;overflow:auto;">
<div style="width:150px;float:left;">
<div>ようこそ 深い森の奥 珍しいお客さんね 悪いけど ここから先では 森でマナーがあるの ほーほーフクロウが知らせる ほーほー客が来たと ほーほーフクロウが知らせる 何かが始まる予感 ラーウ ラウー 何が見たいの ラーウ ラウー あなた次第 悪いけど ここではあなたは 招かれざる客なの ほーほー フクロウが知らせる ほーほー客が来たと ほーほーフクロウが知らせる 何かが始まる予感 (森のいたずら)ほーほー ラーウ ラウー 何が見たいの ラーウ ラウー あなた次第 悪いけど ここではあなたは 招かれざる客なの ほーほー フクロウが知らせる ほーほー客が来たと ほーほーフクロウが知らせる 何かが始まる予感 ほーほーフクロウが知らせる ほーほー客が来たと ほーほーフクロウが知らせる 何かが始まる予感 何かが始まる予感 何かが始まる予感.</div>
</div>
</div>
</div>
<div style="float:left;width:150px;">
<div style="margin-top:5px;text-align:right;text-transform:uppercase;"><span style="font-size:10px;font-family:'arial black';letter-spacing:0px;">about<span style="color:#f0dc8d;"><em>maplestory</em></span></span></div>
</div>
</div>
<!--ABOUT ROLEPLAY-->
<div style="margin-left:10px;float:left;width:240px;height:125px;">
<div style="float:left;width:240px;height:90px;overflow:hidden;"><img alt="header" src="https://i.pinimg.com/750x/bd/d1/b6/bdd1b6f70d4f50615e44c13c852c830f.jpg" style="width:240px;margin-top:-25px;" /></div>
<!--ROLEPLAY TAGS-->
<div style="margin-top:5px;float:left;width:240px;height:25px;">
<div style="color:#fff;font-size:8px;line-height:8px;font-family:'arial black';text-transform:uppercase;">
<div style="background:#f0dc8d;float:left;">
<div style="margin:2.5px;">NON au</div>
</div>
<div style="margin:0px 0px 0px 2.5px;background:#a1cad4;float:left;">
<div style="margin:2.5px;">semi-literate</div>
</div>
<div style="margin:0px 0px 0px 2.5px;background:#f0dc8d;float:left;">
<div style="margin:2.5px;">not safe for work</div>
</div>
<div style="margin:2.5px 0px 0px 0px;background:#a1cad4;float:left;">
<div style="margin:2.5px;">twitter</div>
</div>
<div style="margin:2.5px 0px 0px 2.5px;background:#f0dc8d;float:left;">
<div style="margin:2.5px;">+</div>
</div>
<!--MUSIC PLAYER-->
<div style="margin:2.5px 0px 0px 2.5px;background:#a1cad4;float:left;">
<div style="margin:2.5px 4px 2.5px 4px;"><img alt="music" src="https://64.media.tumblr.com/4dfd309ee10e99f909a66c040a4db4f6/1cec31ea271359b0-fd/s75x75_c1/6bbefaa2a04cd70a7aa476348eabecdb5f043c4a.gif" style="height:5px;" /></div>
<div style="float:left;width:10px;height:10px;margin:-12px 0px 0px 1px;opacity:0.01;">
<div style="float:left;width:10px;height:10px;"><iframe height="10" sandbox="" src="https://www.youtube.com/embed/n9Ze1o_0VeA" width="10"></iframe></div>
</div>
</div>
<!--MUSIC PLAYER-->
</div>
</div>
</div>
<!--ROLEPLAY TAGS-->
<!--ADMINS-->
<div style="margin-top:10px;float:left;width:200px;height:110px;">
<div style="overflow:hidden;width:200px;height:110px;">
<div style="overflow:auto;width:217px;height:112px;">
<div style="width:200px;float:left;">
<div style="float:left;width:200px;height:50px;">
<div style="float:left;width:50px;height:50px;"><img alt="admin" src="https://64.media.tumblr.com/accb8e1e2f7d722a4e5730d52743d02c/5e40394e32b2c278-b1/s500x750/a8333c76560a70ac26505ad39a8bdc1eca26a9ad.jpg" style="width:50px;height:50px;" /></div>
<div style="margin-left:10px;float:left;width:140px;height:50px;">
<div style="overflow:hidden;width:140px;height:50px;">
<div style="overflow:auto;width:157px;height:50px;">
<div style="width:140px;float:left;text-align:left;">
<div><span style="font-size:7px;font-family:'arial black';text-transform:uppercase;"><span style="color:#99cc8f;">&bull;</span> dan heng</span></div>
<div>he / him</div>
<div>submissive top</div>
<div><span style="color:#c9bf8d;"><u>astral express</u></span>&#39;s archivist</div>
<div>i <span style="color:#ba9e91;"><strong>own</strong></span> caelus</div>
<div>trivia + this section scrolls.</div>
</div>
</div>
</div>
</div>
</div>
<div style="margin-top:10px;float:left;width:200px;height:50px;">
<div style="float:left;width:50px;height:50px;"><img alt="admin" src="https://64.media.tumblr.com/2f6beb5f5ac0e09228cf00c955be81fb/c099786abbfa909b-30/s400x600/cf9adb40b8f9b0d3559223868f48c38f2bef0322.pnj" style="width:50px;height:50px;" /></div>
<div style="margin-left:10px;float:left;width:140px;height:50px;">
<div style="overflow:hidden;width:140px;height:50px;">
<div style="overflow:auto;width:157px;height:50px;">
<div style="width:140px;float:left;">
<div><span style="font-size:7px;font-family:'arial black';text-transform:uppercase;"><span style="color:#f0dc8d;">&bull;</span> march 7th</span></div>
<div>she / her</div>
<div>biromantic</div>
<div>photographer of the <span style="color:#c9bf8d;"><u>astral express</u></span></div>
<div><span style="color:#ba9e91;"><strong>taken</strong></span> by stelle</div>
<div>trivia + this section scrolls.</div>
</div>
</div>
</div>
</div>
</div>
<!--COPY PASTE FROM THIS DIV TO ADD OR REMOVE-->
<div style="margin-top:10px;float:left;width:200px;height:50px;">
<div style="float:left;width:50px;height:50px;"><img alt="admin" src="https://64.media.tumblr.com/0f3a98e4b87d79255a1d853a186a3151/8d147dbe606b20b3-79/s500x750/a3dfa6617eefdb93eb0cb5ab64fd2c584c7eda07.jpg" style="width:50px;height:50px;" /></div>
<div style="margin-left:10px;float:left;width:140px;height:50px;">
<div style="overflow:hidden;width:140px;height:50px;">
<div style="overflow:auto;width:157px;height:50px;">
<div style="width:140px;float:left;">
<div><span style="font-size:7px;font-family:'arial black';text-transform:uppercase;"><span style="color:#cc7878;">&bull;</span> caelus</span></div>
<div>he / they</div>
<div>dom bot</div>
<div>wandering <span style="color:#c8d4ae;"><em>trailblazer</em></span></div>
<div>dan heng&#39;s <span style="color:#ba9e91;"><s><strong>trashcan</strong></s></span></div>
<div>trivia + this section scrolls.</div>
</div>
</div>
</div>
</div>
</div>
<!--COPY PASTE FROM THIS DIV TO ADD OR REMOVE-->
</div>
</div>
</div>
</div>
<!--ADMINS-->
<!--RULES-->
<div style="margin:10px 0px 0px 10px;float:left;width:190px;height:110px;background:#a1cad4;">
<div style="margin:10px 5px 5px 5px;overflow:hidden;width:180px;height:95px;">
<div style="overflow:auto;width:197px;height:95px;">
<div style="width:180px;float:left;">
<div>ようこそ 深い森の奥 珍しいお客さんね 悪いけど ここから先では 森でマナーがあるの ほーほーフクロウが知らせる ほーほー客が来たと ほーほーフクロウが知らせる 何かが始まる予感 ラーウ ラウー 何が見たいの ラーウ ラウー あなた次第 悪いけど ここではあなたは 招かれざる客なの ほーほー フクロウが知らせる ほーほー客が来たと ほーほーフクロウが知らせる 何かが始まる予感 (森のいたずら)ほーほー ラーウ ラウー 何が見たいの ラーウ ラウー あなた次第 悪いけど ここではあなたは 招かれざる客なの ほーほー フクロウが知らせる ほーほー客が来たと ほーほーフクロウが知らせる 何かが始まる予感 ほーほーフクロウが知らせる ほーほー客が来たと ほーほーフクロウが知らせる 何かが始まる予感 何かが始まる予感 何かが始まる予感.</div>
</div>
</div>
</div>
</div>
<div style="margin:-115px 0px 0px 215px;float:left;width:180px;height:10px;">
<div style="text-align:left;text-transform:uppercase;"><span style="font-size:10px;font-family:'arial black';letter-spacing:0px;">terms&amp;<span style="color:#f0dc8d;"><em>conditions</em></span></span></div>
</div>
<!--RULES-->
<!--HOW TO JOIN-->
<div style="margin-top:10px;float:left;width:130px;height:145px;">
<div style="float:left;width:130px;height:10px;">
<div style="text-align:right;text-transform:uppercase;"><span style="font-size:10px;font-family:'arial black';letter-spacing:0px;">howto<span style="color:#f0dc8d;"><em>join</em></span></span></div>
</div>
<div style="float:left;overflow:hidden;width:130px;height:135px;">
<div style="overflow:auto;width:147px;height:135px;">
<div style="width:130px;float:left;">
<div>ようこそ 深い森の奥 珍しいお客さんね 悪いけど ここから先では 森でマナーがあるの ほーほーフクロウが知らせる ほーほー客が来たと ほーほーフクロウが知らせる 何かが始まる予感 ラーウ ラウー 何が見たいの ラーウ ラウー あなた次第 悪いけど ここではあなたは 招かれざる客なの ほーほー フクロウが知らせる ほーほー客が来たと ほーほーフクロウが知らせる 何かが始まる予感 (森のいたずら)ほーほー ラーウ ラウー 何が見たいの ラーウ ラウー あなた次第 悪いけど ここではあなたは 招かれざる客なの ほーほー フクロウが知らせる ほーほー客が来たと ほーほーフクロウが知らせる 何かが始まる予感 ほーほーフクロウが知らせる ほーほー客が来たと ほーほーフクロウが知らせる 何かが始まる予感 何かが始まる予感 何かが始まる予感.</div>
</div>
</div>
</div>
</div>
<!--HOW TO JOIN-->
<!--MASTERLIST-->
<div style="margin:10px 0px 0px 10px;float:left;width:130px;height:145px;">
<div style="float:left;overflow:hidden;width:130px;height:135px;">
<div style="overflow:auto;width:147px;height:135px;">
<div style="width:130px;float:left;">
<div style="text-align:center;"><span style="color:#c9bf8d;"><u>admin</u></span>. free. <span style="color:#ba9e91;"><strong>taken</strong></span>. <span style="color:#c8d4ae;"><em>reserved</em></span>.</div>
<div>&nbsp;</div>
<div><span style="font-family:'Arial Black';font-size:7px;text-transform:uppercase;">astral express</span> <span style="color:#c9bf8d;"><u>caelus</u></span>. <span style="color:#c9bf8d;"><u>dan heng</u></span>. himeko. <span style="color:#c9bf8d;"><u>march 7th</u></span>. pom pom.&nbsp;<strong><span style="color:#ba9e91;">stelle</span></strong>. welt.</div>
<div>&nbsp;</div>
<div><span style="font-family:'Arial Black';font-size:7px;text-transform:uppercase;">herta space station</span>&nbsp;arlan. asta. herta.</div>
<div>&nbsp;</div>
<div><span style="font-family:'Arial Black';font-size:7px;text-transform:uppercase;">jarilo vi</span>&nbsp;bronya. clara. gepard. hook. natasha. pela. sampo. seele. serval.</div>
<div>&nbsp;</div>
<div><span style="font-family:'Arial Black';font-size:7px;text-transform:uppercase;">xianzhou luofu</span>&nbsp;bailu. <span style="color:#c8d4ae;"><em>blade</em></span>. jing yuan. <span style="color:#c8d4ae;"><em>kafka</em></span>. luocha. qingque. sushang. tingyun. yanqing. yukong.</div>
</div>
</div>
</div>
<div style="margin-top:5px;float:left;width:130px;height:10px;">
<div style="text-align:center;text-transform:uppercase;"><span style="font-size:10px;font-family:'arial black';letter-spacing:0px;">master<span style="color:#f0dc8d;"><em>list</em></span></span></div>
</div>
</div>
<!--MASTERLIST-->
<!--COUPLELIST-->
<div style="margin:10px 0px 0px 10px;float:left;width:120px;height:145px;">
<div style="float:left;width:120px;height:10px;">
<div style="text-align:left;text-transform:uppercase;"><span style="font-size:10px;font-family:'arial black';letter-spacing:0px;">couple<span style="color:#f0dc8d;"><em>list</em></span></span></div>
</div>
<div style="float:left;overflow:hidden;width:120px;height:135px;">
<div style="overflow:auto;width:137px;height:138px;">
<div style="width:120px;float:left;">
<!--FIRST COUPLE-->
<div style="float:left;width:120px;height:59px;">
<div style="float:left;width:59px;height:59px;"><img alt="cp" src="https://i.pinimg.com/736x/f9/0f/35/f90f3580acb050fbe259204eabcc6fde.jpg" style="width:59px;height:59px;" /></div>
<div style="margin-left:2px;float:left;width:59px;height:59px;"><img alt="cp" src="https://i.pinimg.com/736x/e8/61/07/e8610715780e72a18f01ed2b89f64b6e.jpg" style="width:59px;height:59px;" /></div>
</div>
<div style="margin-top:-8px;float:left;width:120px;height:12px;letter-spacing:-1px;">
<div style="width:120px;height:12px;text-align:center;"><span style="font-size:12px;font-family:'arial black';line-height:14px;color:#f0dc8d;"><strong>danheng &amp; caelus</strong></span></div>
<div style="margin-top:-13px;width:120px;height:12px;text-align:center;"><span style="font-size:12px;font-family:'arial black';line-height:12px;color:#fff;"><strong>danheng &amp; caelus</strong></span></div>
</div>
<!--FIRST COUPLE-->
<!--SECOND COUPLE-->
<div style="margin-top:10px;float:left;width:120px;height:59px;">
<div style="float:left;width:59px;height:59px;"><img alt="cp" src="https://i.pinimg.com/736x/6a/ea/1e/6aea1e7e1f161ff22e6e673d7b7a63a1.jpg" style="width:59px;height:59px;" /></div>
<div style="margin-left:2px;float:left;width:59px;height:59px;"><img alt="cp" src="https://i.pinimg.com/736x/8b/70/ff/8b70ff3707521b0c3b6c7f367d12531e.jpg" style="width:59px;height:59px;" /></div>
</div>
<div style="margin-top:-8px;float:left;width:120px;height:12px;letter-spacing:-1px;">
<div style="width:120px;height:12px;text-align:center;"><span style="font-size:12px;font-family:'arial black';line-height:14px;color:#a1cad4;"><strong>march &amp; stelle</strong></span></div>
<div style="margin-top:-13px;width:120px;height:12px;text-align:center;"><span style="font-size:12px;font-family:'arial black';line-height:12px;color:#fff;"><strong>march &amp; stelle</strong></span></div>
</div>
<!--SECOND COUPLE-->
<!--COPY PASTE FROM THIS DIV TO ADD OR REMOVE-->
<div style="margin-top:10px;float:left;width:120px;height:59px;">
<div style="float:left;width:59px;height:59px;"><img alt="cp" src="https://i.pinimg.com/564x/2e/76/cc/2e76cc1757d55a6e4c138fedce392d61.jpg" style="width:59px;height:59px;" /></div>
<div style="margin-left:2px;float:left;width:59px;height:59px;"><img alt="cp" src="https://i.pinimg.com/564x/5a/6c/b8/5a6cb87daa29dd7a10b4d2c7b357b1a9.jpg" style="width:59px;height:59px;" /></div>
</div>
<div style="margin-top:-8px;float:left;width:120px;height:12px;letter-spacing:-1px;">
<div style="width:120px;height:12px;text-align:center;"><span style="font-size:12px;font-family:'arial black';line-height:14px;color:#f0dc8d;"><strong>kafka &amp; blade</strong></span></div>
<div style="margin-top:-13px;width:120px;height:12px;text-align:center;"><span style="font-size:12px;font-family:'arial black';line-height:12px;color:#fff;"><strong>kafka &amp; blade</strong></span></div>
</div>
<!--COPY PASTE FROM THIS DIV TO ADD OR REMOVE-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--COUPLELIST-->
<!--ROLEPLAY TITLE-->
<div style="margin:-440px 0px 0px 10px;float:left;width:400px;height:20px;">
<div style="text-align:center;"><span style="font-size:20px;font-family:'arial black';line-height:20px;letter-spacing:-1px;"><span style="color:#f0dc8d;">maple</span>story</span></div>
</div>
<!--ROLEPLAY TITLE-->
<!--DO NOT REMOVE-->
<div style="margin-top:5px;float:left;width:420px;height:20px;">
<div style="text-align:center;"><a href="https://www.asianfanfics.com/story/view/1010649/" style="color:#000000;text-decoration:none;" title="schneizel @ egoist."><strong>♔</strong></a></div>
</div>
</div>
<!--DO NOT REMOVE-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment