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

Layout: Coupled


two column (sidebar on left) | three column (sidebars on right) | three column (sidebars on left) | [info]tess071


Information

Hey guys! I want to put words here but I'm tired and have a thousand things to do lmfao. Anyway, I love this layout lmao. Some info: It has three different options for the sidebar: Both sidebar and tags list, just the sidebar, or just the tags list, depending on your preference! To use this for a community with icons enabled and entry columns disabled, delete the very last section of code in the CSS and you'll be set to use any sidebar combo in this layout. Enjoy! ♥

Layout Coding



Installation Guide

♡ Go to Basics and choose S2 for your style system, then save.
♡ Fill in your Links List if desired, then save.
♡ Go to Look and Feel, choose Complete Style, then save.
♡ Go to Custom Options and choose the following options:
Layout Type:
Two Column (sidebar on left) - Sidebar only
Three Column (sidebars on right) - Tags only
Three Column (sidebars on left) - Sidebar and tags

Disable customized comment pages for your journal: Yes
Link text to leave a comment Comment
Navigation link names: Recent/Archive/Friends/Profile
Fill in sticky note if desired.
Fill in custom sidebar module if desired. This is your sidebar blurb and title.
Person to credit if you have an individually created layout: Tessisamess
URL to link the credit to: http://tessisamess.insanejournal.com/
Display of tags in sidebar: List
Custom stylesheet: Input the CSS provided and save!

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

Sep. 5th, 2019 02:06 pm (UTC)
I love this. I might actually use this for a character journal!
Sep. 5th, 2019 04:18 pm (UTC)
Yessss, I'd love to see it if you do! I'm DYING to use this for a character journal ngl haha.
Sep. 5th, 2019 04:44 pm (UTC)
^ I might do this for all of mine now. :3
Sep. 5th, 2019 05:17 pm (UTC)
I love this! FYI tho the preview links aren't loading for me :(
Sep. 5th, 2019 05:28 pm (UTC)
I'm cracking up, my dumb ass never made preview links and the links are just dead ends. LORT LOL I'll fix that today!
Sep. 5th, 2019 05:39 pm (UTC)
😂😂😂 I did the same thing on a log I posted earlier, it's all good!
Sep. 6th, 2019 08:33 am (UTC)
This is a lovely layout. Thanks for sharing!
Sep. 21st, 2019 10:18 pm (UTC)
Aw ty ty! ♥
Sep. 21st, 2019 02:45 pm (UTC)
Using this for a character, and not necessarily a cool edit but I did change the picture along the side.
Sep. 21st, 2019 10:18 pm (UTC)
Oh man that framing looks SO PRETTY!!
Nov. 25th, 2019 01:53 am (UTC)
Using this here. It reminds me of the layout I used to have on this journal, but it has TAGS!!!!
I <3 tag lists because I'm a slut for tagging posts and while I like A Small Affair, it didn't fit the aesthetic I wanted for this journal.

This one is perfect!
Nov. 25th, 2019 02:55 am (UTC)

Need Help

ALSO... While I'm on here, on my page where it says "relationships", how do I change that specific tag class to be like... aligned to the right? Or anything to make it stick out more? Because at the moment it kinda blends in with the other links on the tags list and I want it to stand out, have it be bigger or maybe uppercase while keeping the actual tag links themselves the same? If that makes sense??
Nov. 25th, 2019 03:40 am (UTC)

Re: Need Help

Sure thing! ♥ Replace your tags section with this:

#tag-hierarchy ul{padding:0;margin:0;list-style:none;text-transform:capitalize;}
#tag-hierarchy ul li ul{margin:0 0 11px 0;}
#tag-hierarchy li{font-family:var(--headings);letter-spacing:1px;text-transform:uppercase;color:var(--accent);font-size:11px;}
#tag-hierarchy li a{color:var(--accent)!important;}
#tag-hierarchy li li a{font-family:var(--main-font);font-size:9px;text-transform:capitalize;}
#tag-hierarchy li a{display:block;margin:6px 0;padding:0 0 5px 0;border-bottom:1px solid var(--borders);}
#tag-hierarchy li li a{color:var(--darker)!important;}
#tag-hierarchy li a:hover{color:var(--medium);}


To get this:

Nov. 29th, 2019 04:35 pm (UTC)

Re: Need Help

IT TOOK ME A FEW DAYS TO GET AROUND TO THIS BUT...
Ahhhh thank you! It's all good now ;3
Jan. 13th, 2020 05:24 am (UTC)
hello! i was wondering how i would be able to change the color of the sidebar text without effecting the entry background?
Jan. 13th, 2020 09:30 am (UTC)
Hey! You'll want the change the placeholders in here to avoid changing both at once:

#beta a{color:var(--lightest);}
#beta a:hover{color:var(--medium);}
Jan. 13th, 2020 06:14 pm (UTC)
thank you so much!