killthecake | [22] Neat Nav Time!!

<a href="URL" style="text-decoration:none;color: #000;background: #c9c9c9;padding: 0 10px;border-radius: 25px;font-variant:small-caps;">
link
</a>
</td><td>
<a href="URL" style="text-decoration:none;color: #000;background: #c9c9c9;padding: 0 10px;border-radius: 25px;font-variant:small-caps;">
link
</a>
</td></tr><tr><td style="padding: 5px 0;">
<a href="URL" style="text-decoration:none;color: #000;background: #c9c9c9;padding: 0 10px;border-radius: 25px">
link
</a>
</td><td>
<a href="URL" style="text-decoration:none;color: #000;background: #c9c9c9;padding: 0 10px;border-radius: 25px">
link
</a>
</td></tr><tr><td style="padding: 5px 0;">
<a href="#1" style="text-decoration:none;color: #000;background: #c9c9c9;padding: 0 10px;border-radius: 25px">
game1
</a>
</td><td>
<a href="#2" style="text-decoration:none;color: #000;background: #c9c9c9;padding: 0 10px;border-radius: 25px">
game2
</a>
</td></tr><tr><td style="padding: 5px 0;">
<a href="#3" style="text-decoration:none;color: #000;background: #c9c9c9;padding: 0 10px;border-radius: 25px">
game3
</a>
</td><td>
<a href="https://killthecake.dreamwidth.org/" style="text-decoration:none;color: #000;background: #c9c9c9;padding: 0 10px;border-radius: 25px">credit</a>

</td></tr></tbody></table>

</div>

</div>

</div>

</div></div>
</div>

Plain

link	link
link	link
link	link
link	credit

Yuna

Code:

<a href="URL" style="text-decoration:none;color: #000;background: #c9c9c9;padding: 0 10px;border-radius: 25px">
link
</a>
</td><td>
<a href="URL" style="text-decoration:none;color: #000;background: #c9c9c9;padding: 0 10px;border-radius: 25px">
link
</a>
</td></tr><tr><td style="padding: 5px 0;">
<a href="URL" style="text-decoration:none;color: #000;background: #c9c9c9;padding: 0 10px;border-radius: 25px">
link
</a>
</td><td>
<a href="URL" style="text-decoration:none;color: #000;background: #c9c9c9;padding: 0 10px;border-radius: 25px">
link
</a>
</td></tr><tr><td style="padding: 5px 0;">
<a href="URL" style="text-decoration:none;color: #000;background: #c9c9c9;padding: 0 10px;border-radius: 25px">
link
</a>
</td><td>
<a href="URL" style="text-decoration:none;color: #000;background: #c9c9c9;padding: 0 10px;border-radius: 25px">
link
</a>
</td></tr><tr><td style="padding: 5px 0;">
<a href="URL" style="text-decoration:none;color: #000;background: #c9c9c9;padding: 0 10px;border-radius: 25px">
link
</a>
</td><td>
<a href="https://killthecake.dreamwidth.org/" style="text-decoration:none;color: #000;background: #c9c9c9;padding: 0 10px;border-radius: 25px">credit</a>

</td></tr></tbody></table>

</div>

<div style="float:right; width: 200px;height: 200px;border-radius: 50%;background: url(IMG), #f7f7f7;background-position:center;background-size:cover;">
<div style="color: #fff;font-style:italic;font-variant:small-caps;font-family:helvetica;font-weight:bold;font-size: 35px;padding-top: 75px;text-shadow: 2px 2px 2px #000;">
Character
</div>
</div></div>

❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post.

❖ On the pages version, each game click brings up a new sidebar with links. If you click on the image, it'll go back to being blank again.

❖ I couldn't add the character name to the pages version without it going wonky. On the other hand, you can also easily remove the character name on the plain version.

❖ Keep your text short in the nav bar on the left! If you use more than one word or a really long word, it'll go crazy. I'm sorry, folks. This one's about aesthetic, not practicality, lol.

❖ If you want to add more pages and don't know how, you can consult this guide by Tessisamess to learn or hit me up. I'll try to do it for you.

Ctrl+F & Replace:
❖ URL - link urls
❖ IMG - image url

❖ link - Link text. Remember to keep it short!
❖ game - Shortened game name. They're each numbered so that you know which game goes to which nav/page/thing.
❖ Game# Name - The # is 1, 2, or 3 for each game you're using. This is the title of the right side nav that pops up.
❖ Character - Character name or other shortish word. Aka the text over the image in the plain version.

#c9c9c9 background of links
#f7f7f7 background of image
#6e6e6e text shadow of game name headers in the pages version (or the text color, in this case)
#000 link colors and character name text shadow in plain version
#fff character name text in plain version
transparent game name text color in pages