code: postcards

[kumous]

GAME: Recolle

PLAYED: May 2017 - Current

baren kumou »

INBOX

HMD

THREADS

PERMISSIONS

baren kumou «

CODE W/O NAME OUTLINE:
<raw-code><div style="margin:0 auto;max-width:1200px;display:flex;justify-content:center;flex-wrap:wrap;"> <div style="width: 535px; height: 375px; overflow: hidden;"> <!--PAGE 1: ANYTHING HERE WILL BE ON THE FIRST PAGE, BEFORE YOU CLICK THE ARROW LINK--> <a name="PAGE1"></a> <div style="width: 500px; height: 350px; overflow: hidden; background: url(BACKGROUND URL); background-repeat: none; border: 5px solid #fff; box-shadow: 5px 5px 10px #000;"> <div style="position: relative; top: 290px; width: 500px; opacity: 0.8; background: #fff; height: 50px;"> <div style="margin:0 auto;max-width:700px;display:flex;flex-wrap:wrap;text-align:center; position: relative; top: 5px; font-family: century gothic, sans serif; font-size: 16px;"> <div style="margin:0 auto;max-width:700px;display:flex;justify-content:left;flex-wrap:wrap;text-align:left; position: relative; top: 10px;"> <div style="margin-right: 20px;"><b>GAME:</b> INSERT INFO HERE</div> <b>PLAYED:</b> INSERT INFO HERE </div> </div> <div style="font-family: georgia; font-style: italic; font-weight: bold; font-size: 42px; color: #fff; position: relative; top: -70px; letter-spacing: -3px; left: 10px;">CHARACTER NAME <a href="#PAGE2" style="text-decoration: none; color: #ARROW COLOR; text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;">»</a></div> </div></div><br> <!--PAGE 2: ANYTHING AFTER THIS IS ON THE SECOND PAGE--> <a name="PAGE2"></a> <div style="width: 500px; height: 350px; overflow: hidden; background: url(BACKGROUND URL); background-repeat: none; border: 5px solid #fff; box-shadow: 5px 5px 10px #000;"><div style="position: relative; top: 290px; width: 500px; opacity: 0.8; background: #fff; height: 50px;"> <div style="margin:0 auto;max-width:700px;display:flex;flex-wrap:wrap;text-align:center; position: relative; top: 5px; font-family: century gothic, sans serif; font-size: 14px;"> <a href="LINK" style="text-decoration: none; color: #fff;"><div style="width: 100px; background: #9c9c9c; padding: 10px; margin-right: 7px;">INBOX</div></a> <a href="LINK" style="text-decoration: none; color: #fff;"><div style="width: 100px; background: #9c9c9c; padding: 10px; margin-right: 6px;">HMD</div></a> <a href="LINK" style="text-decoration: none; color: #fff;"><div style="width: 100px; background: #9c9c9c; padding: 10px; margin-right: 6px;">THREADS</div></a> <a href="LINK" style="text-decoration: none; color: #fff;"><div style="width: 100px; background: #9c9c9c; padding: 10px; ">PERMISSIONS</div></a> </div> <div style="font-family: georgia; font-style: italic; font-weight: bold; font-size: 42px; color: #fff; position: relative; top: -87px; letter-spacing: -3px; left: 10px;">CHARACTER NAME <a href="#PAGE1" style="text-decoration: none; color: #ARROW COLOR; text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;">«</a></div> </div></div><br></div> </div></raw-code>

GAME: Recolle

PLAYED: January 2017 - March 2018

anastasia »

INBOX

HMD

THREADS

PERMISSIONS

anastasia «

CODE W/ NAME OUTLINE:
<raw-code><div style="margin:0 auto;max-width:1200px;display:flex;justify-content:center;flex-wrap:wrap;"> <div style="width: 535px; height: 375px; overflow: hidden;"> <!--PAGE 1: ANYTHING HERE WILL BE ON THE FIRST PAGE, BEFORE YOU CLICK THE ARROW LINK--> <a name="PAGE1"></a> <div style="width: 500px; height: 350px; overflow: hidden; background: url(BACKGROUND URL); background-repeat: none; border: 5px solid #fff; box-shadow: 5px 5px 10px #000;"> <div style="position: relative; top: 290px; width: 500px; opacity: 0.8; background: #fff; height: 50px;"> <div style="margin:0 auto;max-width:700px;display:flex;flex-wrap:wrap;text-align:center; position: relative; top: 5px; font-family: century gothic, sans serif; font-size: 16px;"> <div style="margin:0 auto;max-width:700px;display:flex;justify-content:left;flex-wrap:wrap;text-align:left; position: relative; top: 10px;"> <div style="margin-right: 20px;"><b>GAME:</b> INSERT INFO HERE</div> <b>PLAYED:</b> INSERT INFO HERE </div> </div> <div style="font-family: georgia; font-style: italic; font-weight: bold; font-size: 42px; color: #fff; position: relative; top: -70px; letter-spacing: -3px; left: 10px;text-shadow: -2px 0 #OUTLINE COLOR, 2px 0 #OUTLINE COLOR, 0 -2px #OUTLINE COLOR;">CHARACTER NAME <a href="#PAGE2" style="text-decoration: none; color: #ARROW COLOR; text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;">»</a></div> </div></div><br> <!--PAGE 2: ANYTHING AFTER THIS IS ON THE SECOND PAGE--> <a name="PAGE2"></a> <div style="width: 500px; height: 350px; overflow: hidden; background: url(BACKGROUND URL); background-repeat: none; border: 5px solid #fff; box-shadow: 5px 5px 10px #000;"><div style="position: relative; top: 290px; width: 500px; opacity: 0.8; background: #fff; height: 50px;"> <div style="margin:0 auto;max-width:700px;display:flex;flex-wrap:wrap;text-align:center; position: relative; top: 5px; font-family: century gothic, sans serif; font-size: 14px;"> <a href="LINK" style="text-decoration: none; color: #fff;"><div style="width: 100px; background: #9c9c9c; padding: 10px; margin-right: 7px;">INBOX</div></a> <a href="LINK" style="text-decoration: none; color: #fff;"><div style="width: 100px; background: #9c9c9c; padding: 10px; margin-right: 6px;">HMD</div></a> <a href="LINK" style="text-decoration: none; color: #fff;"><div style="width: 100px; background: #9c9c9c; padding: 10px; margin-right: 6px;">THREADS</div></a> <a href="LINK" style="text-decoration: none; color: #fff;"><div style="width: 100px; background: #9c9c9c; padding: 10px; ">PERMISSIONS</div></a> </div> <div style="font-family: georgia; font-style: italic; font-weight: bold; font-size: 42px; color: #fff; position: relative; top: -87px; letter-spacing: -3px; left: 10px;text-shadow: -2px 0 #OUTLINE COLOR, 2px 0 #OUTLINE COLOR, 0 -2px #OUTLINE COLOR;">CHARACTER NAME <a href="#PAGE1" style="text-decoration: none; color: #ARROW COLOR; text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;">«</a></div> </div></div><br></div> </div></raw-code>

ღ all backgrounds used must be 350 x 500 px!
ღ navigation? character history? tbh idk what this is, really
ღ if you need an image-hosting site, I always recommend imgur
ღ credit if you wanna! if only just to let people know where you got it. also feel free to ask questions or edit. goodness knows I frankenspliced some codes together when I was learning (and I still am)