Tessisamess

Layouts, Codes, Tutorials, & Resources

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

January 2020

S M T W T F S
   1234
567891011
12131415161718
19202122232425
262728293031 

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal
Previous | Next

Moodboards: Color Palettes





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

Jan. 6th, 2020 09:58 pm (UTC)
How do you come up with these things? It is gorgeous! I have no idea what to use it for... yet. lol
Jan. 7th, 2020 08:16 am (UTC)
YESSSSSSSS.

LOVE AT FIRST PREVIEW, OH MY GOSH.

I'm going to have so much fun playing around with this code for my master navigations. So excited to use Card and Square for some characters' navigatons. * v * This is just breathtaking work.
Jan. 7th, 2020 09:23 am (UTC)
/proceeds to change all her contact post entries T_T
Jan. 7th, 2020 05:04 pm (UTC)
These are gorgeous! I've got an edit question here regarding the 'CARD' code: I'm trying to make a row of two or three side by side (to use for a muselist), but editing the width or a height property in it just stretches the card itself. If, when you have time, you could please tell me what the heck I'm doing wrong and how to not keep breaking the code but still get a row of more than one side by side, I would greatly appreciate it! Thank you!
Jan. 8th, 2020 05:50 am (UTC)
Hi there! I'm not Tess, obviously, but I read your comment and wanted to know if something like this is what you wanted for your muselist? Or something else entirely?
Jan. 9th, 2020 03:53 pm (UTC)
Hi! Yes, this is exactly what I was trying to work out!
Jan. 11th, 2020 02:54 pm (UTC)
Sorry for not replying sooner! The week was rather wild for me.

I first put the code inside a new div and added the following inside it: width: NUMBER_HERE-px; height: NUMBER_HERE-px; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;

ADMITTEDLY VERY MESSY since I just use this code to quickly force my own to get in line, guaranteed, but it worked for me.
Jan. 8th, 2020 03:23 am (UTC)
good lord this is beautiful
Jan. 13th, 2020 09:34 am (UTC)
EEEE TY! ♥
Jan. 10th, 2020 05:55 am (UTC)
I could not help but use this gorgeousness. The card version struck inspiration and I mixed it with your splash Intimus bundle HERE!!
Jan. 13th, 2020 09:34 am (UTC)
YOOO, that's sick!!