html

[grimpeddler]

Realm of the Heroes Realm of the Lost Realm of the Darkness Land of Chaos Tarragon's Peak Gate of Chaos Gate of Aeon Gate of Red Gate of Ashes Shimmering Path Gate of Enlightenment The Airship Universal Library

Realm of the Heroes

Reference

Main Setting

Put info here

Realm of the Lost

Reference

Arrival Setting

It's here that the final heroes will awaken. For the most part, it will seem as though they've just escaped an incredibly long nightmare. Without any idea why they're in this place, it will be up to them to figure out how to leave... ... and how to recover the bits and pieces of their memories.

Realm of the Darkness

Reference

???

Put info here

Land of Chaos

Reference

Land of Chaos

put info here

Tarragon's Peak

Reference

???

Put info here

Gate of Chaos

Reference

???

Put info here

Gate of Aeon

Reference

???

Put info here

Gate of Red

Reference

???

Put info here

Gate of Ashes

Reference

???

Put info here

Shimmering Path

Reference

???

Put info here

Gate of Enlightenment

Reference

???

Put info here

The Airship

Reference

???

Put info here

Universal Library

Reference

???

Put info here

Original code by: showcased
Edited code by: grimpeddler

<cut text="tbf"><center><raw-code><div style="margin:0 auto;width:1019px;font-family:helvetica;font-size:12px;"> <div style="width:220px;text-align:center;border:1px solid #ccc;display:inline-block;overflow:hidden;margin-right:10px;border-radius: 15px;"><div style="background:url( https://cdn.discordapp.com/attachments/1159720306387193886/1159735847894134785/image.png?ex=65321b2c&is=651fa62c&hm=30dc4bb1b6f780489bbf63f38a35a0000de2df48a88f818f55663c037c7e97b9& )center no-repeat;background-size:cover;height:500px;overflow:auto;color:#fafafa;border:10px solid #fafafa;border-radius: 20px;"> <div style="font-size:12px;text-transform:uppercase;margin-top: 5px;text-shadow: 1px 1px 1px rgba(0,0,0,0.2);" align="center"> <a href="#heroes" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">Realm of the Heroes</a> <a href="#lost" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">Realm of the Lost</a> <a href="#darkness" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">Realm of the Darkness</a> <a href="#chaos" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">Land of Chaos</a> <a href="#tarragonspeak" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">Tarragon's Peak</a> <a href="#chaosgate" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">Gate of Chaos</a> <a href="#aeongate" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">Gate of Aeon</a> <a href="#redgate" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">Gate of Red</a> <a href="#ashesgate" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">Gate of Ashes</a> <a href="#shimmeringpath" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">Shimmering Path</a> <a href="#enlightenmentgate" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">Gate of Enlightenment</a> <a href="#airship" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">The Airship</a> <a href="#library" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">Universal Library</a> </div> </div></div> <div style="width:700px;height:520px;text-align:center;background:#fafafa;border:1px solid #ccc;display:inline-block;overflow:hidden;text-align:justify;line-height:155%;border-radius: 15px;"> <a name="heroes"></a><div style="height:500px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">Realm of the Heroes</div> <br> <!-- START --> <center><img src="https://cdn.discordapp.com/attachments/991178345528168459/1095829564996985002/image.png" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:0px;"><a href="https://cdn.discordapp.com/attachments/991178345528168459/1095829564996985002/image.png">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>Main Setting</big></big></b></center> <tr><td>Put info here<br></tr></td></tbody></table> <!-- END --> </div> <a name="lost"></a><div style="height:500px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">Realm of the Lost</div> <br> <!-- START --> <center><img src="https://cdn.discordapp.com/attachments/877393664471617717/1159678595678093404/image.png?ex=6531e5da&is=651f70da&hm=53973f2f0377db0a3af57e41431e7d6005f65f79e0b740c71b137ca6962446b2&" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:0px;"><a href="https://cdn.discordapp.com/attachments/991178345528168459/1095829374898544680/image.png">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>Arrival Setting</big></big></b></center></td></tr> <br> <tr><td>It's here that the final heroes will awaken. For the most part, it will seem as though they've just escaped an incredibly long nightmare. Without any idea why they're in this place, it will be up to them to figure out how to leave... ... and how to recover the bits and pieces of their memories.<br></td></tr></tbody></table> <!-- END --> </div> <a name="darkness"></a><div style="height:500px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">Realm of the Darkness</div><br> <!-- START --> <center><img src="https://cdn.discordapp.com/attachments/991178345528168459/1095829465638129744/image.png" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:5px;"><a href="https://cdn.discordapp.com/attachments/991178345528168459/1095829465638129744/image.png">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>???</big></big></b></center></td></tr> <tr><td>Put info here<br></td></tr></tbody></table> <!-- END --> </div> <a name="chaos"></a><div style="height:500px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">Land of Chaos</div> <br> <!-- START --> <center><img src="https://cdn.discordapp.com/attachments/1153561094099587122/1159721446415794176/image.png?ex=65320dc3&is=651f98c3&hm=16cf4283e2d287aea62adc81b5944b7f81bc1f14a411f3033d100326053582c8&" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:0px;"><a href="https://cdn.discordapp.com/attachments/1153561094099587122/1159721446415794176/image.png?ex=65320dc3&is=651f98c3&hm=16cf4283e2d287aea62adc81b5944b7f81bc1f14a411f3033d100326053582c8&">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>Land of Chaos</big></big></b></center></td></tr> <br> <tr><td>put info here<br></td></tr></tbody></table> <!-- END --> </div> <a name="tarragonspeak"></a><div style="height:500px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">Tarragon's Peak</div><br> <!-- START --> <center><img src="https://cdn.discordapp.com/attachments/1159720306387193886/1159726419774017619/image.png?ex=65321265&is=651f9d65&hm=fce11646905330d5d191eab675719274786fc6e4a19bf98d9dcb740d785b90a7&" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:5px;"><a href="https://cdn.discordapp.com/attachments/1159720306387193886/1159726419774017619/image.png?ex=65321265&is=651f9d65&hm=fce11646905330d5d191eab675719274786fc6e4a19bf98d9dcb740d785b90a7&">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>???</big></big></b></center></td></tr> <tr><td>Put info here<br></td></tr></tbody></table> <!-- END --> </div> <a name="chaosgate"></a><div style="height:500px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">Gate of Chaos</div><br> <!-- START --> <center><img src="https://cdn.discordapp.com/attachments/1159720306387193886/1159729119211290624/image.png?ex=653214e8&is=651f9fe8&hm=2e4d8577c40fd72d78bd993176cc4961120b1196912f058e3459f4bffd380c8a&" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:5px;"><a href="https://cdn.discordapp.com/attachments/1159720306387193886/1159726746648707143/image.png?ex=653212b3&is=651f9db3&hm=6575e800b0461fb033f727b39c75434275686641dca5a12b695f8a5064dd800a&">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>???</big></big></b></center></td></tr> <tr><td>Put info here<br></td></tr></tbody></table> <!-- END --> </div> <a name="aeongate"></a><div style="height:500px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">Gate of Aeon</div><br> <!-- START --> <center><img src="https://cdn.discordapp.com/attachments/1159720306387193886/1159734860068438066/image.png?ex=65321a41&is=651fa541&hm=4d5ea6e9a6065b09fe496fe052894638e4082e0a2d935345ed77f46294ef778d&" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:5px;"><a href="https://cdn.discordapp.com/attachments/1159720306387193886/1159729783849099314/image.png?ex=65321587&is=651fa087&hm=4e9d4f32eafd37544a0cc95b32ff153b05d87ec1911babf475ef0f2db9f43c7a&">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>???</big></big></b></center></td></tr> <tr><td>Put info here<br></td></tr></tbody></table> <!-- END --> </div> <a name="redgate"></a><div style="height:500px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">Gate of Red</div><br> <!-- START --> <center><img src="https://cdn.discordapp.com/attachments/1159720306387193886/1159729901843255328/image.png?ex=653215a3&is=651fa0a3&hm=ebc173f9762e2cdf49fcef5652987b626c7505bd948519239fb1285fbb5eba2b&" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:5px;"><a href="https://cdn.discordapp.com/attachments/1159720306387193886/1159729901843255328/image.png?ex=653215a3&is=651fa0a3&hm=ebc173f9762e2cdf49fcef5652987b626c7505bd948519239fb1285fbb5eba2b&">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>???</big></big></b></center></td></tr> <tr><td>Put info here<br></td></tr></tbody></table> <!-- END --> </div> <a name="ashesgate"></a><div style="height:500px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">Gate of Ashes</div><br> <!-- START --> <center><img src="https://cdn.discordapp.com/attachments/1159720306387193886/1159731579975901184/image.png?ex=65321733&is=651fa233&hm=ddafdcec7d586c4bb7f7a5b58c4a98b255c5df66245c7303bf333b74dd465a6b&" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:5px;"><a href="https://cdn.discordapp.com/attachments/1159720306387193886/1159731744996589598/image.png?ex=6532175a&is=651fa25a&hm=dfb7dc05c021f605301078962a9e885ead0d15d63b1bda4dabcfe61c0d834f20&">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>???</big></big></b></center></td></tr> <tr><td>Put info here<br></td></tr></tbody></table> <!-- END --> </div> <a name="shimmeringpath"></a><div style="height:500px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">Shimmering Path</div><br> <!-- START --> <center><img src="https://cdn.discordapp.com/attachments/1159720306387193886/1159731942770614313/image.png?ex=65321789&is=651fa289&hm=555fa6c698dc309a6b4af66dc0bb676122afeef7ce280b9f8762b543bc512cec&" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:5px;"><a href="https://cdn.discordapp.com/attachments/1159720306387193886/1159732029999550474/image.png?ex=6532179e&is=651fa29e&hm=93ddbe8bfd10bf9cda9809d12a07add871378295ca6f230d2b56a82f8ab91a4d&">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>???</big></big></b></center></td></tr> <tr><td>Put info here<br></td></tr></tbody></table> <!-- END --> </div> <a name="enlightenmentgate"></a><div style="height:500px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">Gate of Enlightenment</div><br> <!-- START --> <center><img src="https://cdn.discordapp.com/attachments/1159720306387193886/1159733597037666314/image.png?ex=65321914&is=651fa414&hm=33cb8b37fdb7b388a433b43a109283ffe1c6aa965854f25d81c5a25bfaf4f928&" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:5px;"><a href="https://cdn.discordapp.com/attachments/1159720306387193886/1159732690803752970/image.png?ex=6532183c&is=651fa33c&hm=513d43d9127734ee6eb0a4f08282aa927282f131bd1bcc17ed9cadeaf76a086e&">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>???</big></big></b></center></td></tr> <tr><td>Put info here<br></td></tr></tbody></table> <!-- END --> </div> <a name="airship"></a><div style="height:500px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">The Airship</div><br> <!-- START --> <center><img src="https://cdn.discordapp.com/attachments/1159720306387193886/1159720370618765312/image.png?ex=65320cc2&is=651f97c2&hm=96fa6128de9ff6f3b42e6fd6230eb01cb543f33695dc422a52189227dd4d5072&" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:5px;"><a href="https://cdn.discordapp.com/attachments/1159720306387193886/1159720370618765312/image.png?ex=65320cc2&is=651f97c2&hm=96fa6128de9ff6f3b42e6fd6230eb01cb543f33695dc422a52189227dd4d5072&">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>???</big></big></b></center></td></tr> <tr><td>Put info here<br></td></tr></tbody></table> <!-- END --> </div> <a name="library"></a><div style="height:500px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">Universal Library</div><br> <!-- START --> <center><img src="https://cdn.discordapp.com/attachments/1159720306387193886/1159734561777918023/image.png?ex=653219fa&is=651fa4fa&hm=a754a24e24f4a1a8b0cec65f36b987c907d00245dda35a4392814efb7eb2c6e4&" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:5px;"><a href="https://cdn.discordapp.com/attachments/1159720306387193886/1159734202225405986/image.png?ex=653219a4&is=651fa4a4&hm=ad365ef87f5d132696e53fba101c293f34034befa4fca7598e6b7a1a977f3592&">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>???</big></big></b></center></td></tr> <tr><td>Put info here<br></td></tr></tbody></table> <!-- END --> </div> </div></raw-code> <center>Original code by: <a href="https://showcased.dreamwidth.org/1224.html"><font color="gray">showcased</font></a> Edited code by: <a href="https://showcased.dreamwidth.org/1224.html"><font color="gray">grimpeddler</a>

Comments

[grimpeddler]

New location (within code)

<center><img src="https://cdn.discordapp.com/attachments/991178345528168459/1095829564996985002/image.png" width="502" style="border-radius: 15px;"></center> <center><b>name</b></center> Put info here<br> Repeat for more

New location (main page)
<a name="NAME"></a><div style="height:500px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">NAME</div><br> <!-- START --> <center><img src="LINK" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:5px;"><a href="REFERENCE LINK">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>NAME</big></big></b></center></td></tr> <tr><td>Put info here<br></td></tr></tbody></table> <!-- END --> </div>

New Link (sidebar)
<a href="#more" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">More</a>

[grimpeddler]

Full Code (Blank)

<cut text="tbf"><center><raw-code><div style="margin:0 auto;width:1019px;font-family:helvetica;font-size:12px;"> <div style="width:220px;text-align:center;border:1px solid #ccc;display:inline-block;overflow:hidden;margin-right:10px;border-radius: 15px;"><div style="background:url( BACKGROUND )center no-repeat;background-size:cover;height:400px;color:#fafafa;border:10px solid #fafafa;border-radius: 20px;"> <div style="font-size:12px;text-transform:uppercase;margin-top: 85px;text-shadow: 1px 1px 1px rgba(0,0,0,0.2);" align="center"> <a href="#NAME" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">NAME</a> <a href="#NAME" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">NAME</a> <a href="#NAME" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">NAME</a> <a href="#NAME" style="display:block;width: 170px;background:rgba(250,250,250,0.9);color:#000;padding:5px;margin:5px 0px;text-decoration:none;border-radius: 25px;">NAME</a> </div> </div></div> <div style="width:700px;height:420px;text-align:center;background:#fafafa;border:1px solid #ccc;display:inline-block;overflow:hidden;text-align:justify;line-height:155%;border-radius: 15px;"> <a name="NAME"></a><div style="height:400px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">NAME</div> <br> <!-- START --> <center><img src="LINK" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:0px;"><a href="REFERENCELINK">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>NAME</big></big></b></center> <tr><td>Put info here<br></tr></td></tbody></table> <!-- END --> </div> <a name="NAME"></a><div style="height:400px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">NAME</div> <br> <!-- START --> <center><img src="LINK" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:0px;"><a href="REFERENCELINK">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>NAME</big></big></b></center></td></tr> <br> <tr><td>Put info here<br></td></tr></tbody></table> <!-- END --> </div> <a name="NAME"></a><div style="height:400px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">NAME</div><br> <!-- START --> <center><img src="LINK" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:5px;"><a href="REFERENCELINK">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>LINK</big></big></b></center></td></tr> <tr><td>Put info here<br></td></tr></tbody></table> <!-- END --> </div> <a name="NAME"></a><div style="height:400px;overflow:auto;border:10px solid #fafafa;line-height: 20px;"> <div style="font-size: 25px;font-weight: bold;text-align: center;padding:5px;">NAME</div> <br> <!-- START --> <center><img src="LINK" width="502" style="border-radius: 15px;"></center> <div style="font-size: 12px;font-weight: bold;text-align: right;padding:0px;"><a href="REFERENCELINK">Reference</a></div> <br> <table width="650" style="font-size: 12px;"><tbody><tr><td><center><b><big><big>NAME</big></big></b></center></td></tr> <br> <tr><td>Put info here<br></td></tr></tbody></table> <!-- END --> </div> </div></raw-code> <center>Original code by: <a href="https://showcased.dreamwidth.org/1224.html"><font color="gray">showcased</font></a> Edited code by: <a href="https://showcased.dreamwidth.org/1224.html"><font color="gray">grimpeddler</a>