optimisty | twenty-one || did i ever make a sound?

ONE (1) CHARACTER NAV/DIRECTORY

GAME: Recolle

PLAYED: May 2017 - Current

baren kumou »

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="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>

<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;">

<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 »

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="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>

<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)