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

August 2020

S M T W T F S
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

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. 15th, 2020 12:33 am (UTC)
I'm having the same issue, no picture showing up (Insanejournal).
Jul. 15th, 2020 02:33 am (UTC)
I'm dumb, figured it out. I apparently can't comprehend what I read tonight.
Jul. 15th, 2020 02:41 am (UTC)
I think I'm still dumb then because now it's only a cropped version of the picture. >.
Jul. 15th, 2020 02:49 am (UTC)
I'm still dumb on that part, but I did get the picture to finally show.
Jul. 15th, 2020 03:35 am (UTC)
Fixed! I'm apparently having a day lmao.
Jul. 15th, 2020 03:25 pm (UTC)
Jul. 15th, 2020 03:35 am (UTC)
Fixed! I'm apparently having a day lmao.
Jul. 15th, 2020 02:31 pm (UTC)
<3 No worries hon! I'm sill, I didn't realize the picture wouldn't be as full with my screen zoom at 90%. Lol. But this layout is sooo cute!
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. 15th, 2020 12:17 am (UTC)
I did that and it is still not displaying the picture in the middle.
Jul. 15th, 2020 01:06 am (UTC)
Ah! Sorry, you didn't specify. I assumed you meant the DW compatibility issues. I'm seeing an image currently, so if you're still experiencing the issue I'm not sure!
Jul. 15th, 2020 01:34 am (UTC)
I figured it out!!! Dreamwidth you have to display the links list
Jul. 15th, 2020 02:04 am (UTC)
Just found the error; all fixed in the base above! I left something in I didn't mean to have there for the finished layout LOL.
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. 20th, 2020 07:34 pm (UTC)
Thank you so much! It's so good. It's such a pretty layout!
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 07:55 pm (UTC)
You'll want to follow the sidebar ordering instructions provided!
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;

??
Jul. 27th, 2020 07:58 pm (UTC)
Check the sidebar ordering instructions just to make sure the issue isn't there! If it's still not working, I'll need to actually see it installed to be able to help.