tesscodes: (Default)
tesscodes: (Default)

Moodboards: Color Palettes

tesscodes: (Default)




Information

Hey guys! The last round of color palette codes was a standalone to go into other codes or to post your own palettes for other people to use, but this time we're doing character-specific palette boards, yay! There are four different options here, so hopefully you find something you like. I can't wait to make another set (I have A Vision, you see.) Enjoy! 💖

NAME_HERE
YOU SHOULD SEE ME IN A CROWN


Coding: Square



NAME_HERE
YOU SHOULD SEE ME IN A CROWN


Coding: Portrait



NAME_HERE
YOU SHOULD SEE ME IN A CROWN


Coding: Round



NAME_HERE
YOU SHOULD SEE ME IN A CROWN


Coding: Card



Using each color as a link

I'm anticipating this being asked, so here's a quick guide on how to turn each color block into a link to use these as navigation codes!
  1. Turn the div the color is created with into a link instead by changing the opening and closing div to a
  2. Add href="URL" title="Linktitle" before the style portion of the tag.
  3. Fill in the above info and you're done! Using a color from the CARD code, here's roughly what you should end up with:
    <div style="background:#333;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;width:40px;height:40px;border-radius:100%;margin:0 -5px;"></div>

    Becomes:

    <a href="URL" title="Linktitle" style="background:#333;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;width:40px;height:40px;border-radius:100%;margin:0 -5px;"></a>

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

FONTS
georgia,serif - Overall font

COLORS
#fff Text background; overlapping color swatch background
#ddd All title separators and "Card" title border
#ccc Overlapping color swatch borders
#777 First color
#666 Second color
#555 Third color
#444 Fourth color
#333 Fifth color
#222 Text color


Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!

Comments

This account has disabled anonymous posting.
If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting