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!
×

June 2021

S M T W T F S
  12345
6789101112
13141516171819
20212223242526
27282930   

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: Stacked


Two Column (Sidebar on Left) | Two Column (Sidebar on Right) | [info]tess075


Information

Hey guys! It's been a while since I've done a free latyout; sorry about that! 😬 I don't know how that happened, but the next few months I'm going to make sure more layouts start coming!

Today we have Stacked, a minimalist layout with two very different sidebar options and optional hover navigation. Make sure to go past the :root and delete the noted section if using this layout for a community rather than a journal. Enjoy! 💖

Setting a static height for your sidebar image: Info here!

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) - Large Sidebar
Two Column (Sidebar on Right) - Icon Sidebar
Disable customized comment pages for your journal: Yes
Show Posting Time on Entries: No (Not required, but recommended)

Link text to leave a comment: Comment
Navigation link names: Recent/Archive/Friends/Profile

Fill in sticky note if desired.
Body of custom sidebar module:
<a href="http://JOURNALNAME.insanejournal.com/"><h1>Title</h1></a>Subtitle
Person to credit if you have an individually created layout: &copy;
URL to link the credit to: http://tessisamess.insanejournal.com/

Sidebar ordering:
  • Custom Text
  • Links List or Custom Text Two (for image only)*
  • Nav Links
  • Layout Credit
  • (none) for the rest of the Primary items. Don't worry about the Secondary items.
*Please note that you can use either of these for either layout type and your picture will work, but the icon sidebar version does NOT have a links list visible.

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!
Using on DW?

Comments

Jul. 14th, 2020 09:16 pm (UTC)
YES, PLEASE!
Jul. 15th, 2020 12:28 am (UTC)
I'm not sure what I did wrong here but no matter what size image I try to find, nothing shows up. :(
Jul. 14th, 2020 09:32 pm (UTC)
This is so ridiculously cute! I can't wait to use it!!!
Jul. 14th, 2020 11:01 pm (UTC)
what did I do or not do here
Jul. 14th, 2020 11:47 pm (UTC)
You'll want to add this to the bottom of the layout!

/* FOR DREAMWIDTH CONVERSION */

#lj_controlstrip, .header-poster, .pic-poster, .banner-viewlinks a[href*=mem], .banner-viewlinks a[href*=tag], .entry-linkbar a[href*=track], .module-viewlinks li:nth-of-type(4), .module-viewlinks li:nth-of-type(5), .module-viewlinks li:nth-of-type(6){display:none;}
Jul. 14th, 2020 11:07 pm (UTC)
Love it!!
Jul. 15th, 2020 01:49 am (UTC)
I love this! ♥ It's exactly the type of customizable layout I've been looking for.

The image isn't showing up when Custom Text Two is the chosen sidebar option.
Jul. 15th, 2020 02:03 am (UTC)
All fixed! I left something in I didn't mean to have there for the finished layout LOL.
Jul. 15th, 2020 07:20 am (UTC)
You are a GENIUS. I love your layouts!
Jul. 16th, 2020 08:26 pm (UTC)
😭 Ty boo!!
Jul. 15th, 2020 01:24 pm (UTC)
I slapped it on my CDJ and made one little change (I have old eyes?), but it looks great! Thanks. ♥
Jul. 16th, 2020 08:28 pm (UTC)
Aw ty ty! I love that accent color. 💖
Jul. 20th, 2020 06:02 pm (UTC)
Is there a way to have the sidebar image a specific size, rather than fitting to screen sizes? I have a fairly small laptop and it's making the pic smallish. Thanks.
Jul. 20th, 2020 07:06 pm (UTC)
Absolutely! There are a few steps to this.

  1. Change the .module-customtext height to height:calc(50% - (var(--pic-height) / 2) - var(--margin));
  2. Change the .module-viewlinks height to height:calc(50% - (var(--pic-height) / 2) - var(--margin));
  3. Change the .module-typelist, .module-customtext2 height to height:var(--pic-height);
  4. Add --pic-height: 500px; to the :root replacements area. (You can change this number to whatever you need.)
  5. In the :root change the width of the sidebar in --side-width: 450px; if needed.
Jul. 23rd, 2020 10:38 pm (UTC)
Am I doing something wrong? The picture is setting below the navigation bar and I can't figure out why.
Jul. 27th, 2020 09:27 am (UTC)
I cannot for the life of me get the picture to work out right either. I tried using this on a journal and the picture kept appearing at the bottom instead, and I tried using the layout on someone else's journal and couldn't get a picture to appear at all. I feel like I'm missing something really simple since those people above said they finally worked it out?

The image goes in this section right:

--side-img: url()center;

??
Aug. 8th, 2020 07:17 am (UTC)
Is there a way to get the entries to be a separate box colour? tia
Aug. 18th, 2020 03:23 am (UTC)
Yesssss this is fabulous and I love it.
Sep. 6th, 2020 11:50 pm (UTC)
I tried to fix it but I really can't figure out why I have no image on here!
Dec. 29th, 2020 10:37 pm (UTC)
I love this layout and want to use it @ [info]avengers_logs and associated comms. I deleted the section after the Root for a community journal, as directed.

I was wondering if there was a way to see each poster's icon and journal name for the comm posts? I'm thinking I might've missed something somewhere! 😱

I've got these toggled on, although I'm not sure if that would impact things:

» Display userpic in profile module? Yes
» Display username in profile module? Yes
» Display full name in profile module? Yes
» Display link to user web-page in profile module? Yes
Jan. 16th, 2021 11:16 pm (UTC)
I don't know how I broke anything... I've checked that my sidebar order matches, but I keep having weird spacing issues for the image. It looks like the spacing is 2x on top and 0x below. Help?
Jan. 18th, 2021 08:17 am (UTC)
I swear this was the quickest I have ever changed out a journal layout. Love this. The only reason it took ten minutes rather than three is because I can't read sometimes and missed the whole - ♡ Body of custom sidebar module: - part. So I could not figure out how to get my boys name to show up.
Feb. 15th, 2021 09:45 pm (UTC)
Hello and thank you for this layout so much. I changed the font to match handwriting for the character (woo, tyvm for your help with that). I was able to stick a <*font size=><*/font> to make the new font bigger, but it doesn't overlay with the subtitle line. Is there a way to... get those to overlap with any font like the Tiffany font does with this layout? TYSM. I love this layout and love showing off character font with it.
Feb. 16th, 2021 04:51 pm (UTC)
I've messed something. Here is the layout on my journal here. What do I need to fix? TYIA!

Profile
Apr. 19th, 2021 08:23 pm (UTC)
I love this! I fooled around with the colors a bit and am using it here!