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

December 2018

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


image preview | [info]tess039

Information

Hey guys! I'm super stoked to post the finished layout that I did during my first Patreon livestream a couple of weeks ago! The recent entries page is another where you get a big, awesome splash for a large background image to shine through (which is, of course, easily removed) and alternate pageviews without the scrolling effect for ease of reading.

Helium also features button links and icons that fit into each entry without being obtrusive or clunky, and a fully custom bottombar—something I've never made for IJ before! Have fun editing and, as always, enjoy! ♥

Layout Coding



Installation Guide

♡ Go to Basics and choose S2 for your style system, fill in your title and subtitle, 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)
Disable customized comment pages for your journal: Yes
Link text to read comments: 1 // # This step is important!
Body of custom sidebar module:
<div class="bottombar"><!---

---><h1><a href="/">JOURNALTITLE</a></h1><!---

---><div class="nav"><!---
---><a href="/">RECENT</a><!---
---><a href="/profile">PROFILE</a><!---
---><a href="/friends">FRIENDS</a><!---
---><a href="/calendar">CALENDAR</a><!---
---><a href="http://tessisamess.insanejournal.com/">LAYOUT</a>
</div><!---

---><div class="img"><img src="ICONURL"></div></div>

Custom stylesheet: Input the CSS provided and save!

Editing Guide

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

PLACEHOLDER VALUES
JOURNALTITLE and ICONURL - Bottombar content
BGURL - Page background
https://i.imgur.com/r8dcXVC.png - User and lock tinyicon

DON'T WANT A BIG HEADER GAP ON YOUR LANDING PAGE?
Just delete .lj-view-recent #header{height:100vh;} and you're all set!

FONTS
Open Sans - Page text
Montserrat - Header text

COLORS
#fff - Entry/bottombar/title/subtitle/misc. background, nav and tag header text, date header text
#333 - Page text color
#000 - Headings, links, bottombar nav hover background
0,0,0 - Blockquote and hr border, date, entrylink backgrounds/borders, bottombar shadow, calendar day background (semi-transparent rgba value)

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

Dec. 13th, 2017 08:43 pm (UTC)
I love how wide the entries are on this layout! I do not have time to code today, but I have a feeling this is about to replace a bunch of your layouts that I'm currently using.
Dec. 13th, 2017 08:54 pm (UTC)
Awww, ty boo! ♥ I love love love this one ngl, haha. I've been literally dying for a reason to use that stock image ever since I got it LOL.
Dec. 13th, 2017 09:08 pm (UTC)
Oh I love this one!
Dec. 13th, 2017 09:09 pm (UTC)
Oh my god, your icon.

Ty! ♥
Dec. 14th, 2017 06:47 am (UTC)
This is so nice, very classic and streamlined. Might be time to actually give my CDJ a real layout instead of the barely changed generator layout it's had since I made it haha
Dec. 14th, 2017 08:40 pm (UTC)
Aw, tysm! ♥ Let me know if you do; I'd love to see it!
Dec. 15th, 2017 03:39 am (UTC)
There we go, it's up on this journal now. Didn't fiddle with it much, really, just some colours.
Dec. 15th, 2017 03:43 am (UTC)
Ooooh, that is super pretty. I love that vibrant background!
Dec. 15th, 2017 03:45 am (UTC)
Yeah, despite the fact that I liked this for being quiet and simple! But I saw that photo on unsplash and couldn't resist.
Dec. 15th, 2017 03:46 am (UTC)
LOL, I feel you. Like as I was posting my comment I was thinking "says the person who just makes everything white" LMFAO.

The nice thing is though, if you ever want to go light and clean it's almost no work since most of it's in the background image!
Dec. 15th, 2017 03:57 am (UTC)
Yeah, the other option I had uploaded (because I thought this one would be too bright once I saw it) was this, so I've got a sombre backup ready haha.
Dec. 23rd, 2017 12:45 am (UTC)
This is absolutely beautiful.
Dec. 24th, 2017 12:42 am (UTC)
Heee, ty boo! ♥
Dec. 24th, 2017 12:26 am (UTC)
Tess this is just beautiful and what awesome timing :D I've used this layout and a bunch of other codes to completely update this journal. As a thank you I bought you a month's worth of coffees :D Have a great Christmas!
Dec. 24th, 2017 12:42 am (UTC)
Man, I'm trying to play it cool and I just can't haha. Thank you so, so much. I've been having... in all honesty, a bit of a week, and I just crawled out of bed from a stress nap and this was the first thing I saw, and I just didn't know what to say at first.

I still don't, but thank you for being so kind and sweet, and I hope you're having such a wonderful season and that you're getting to do whatever you'd like to be doing most right now.

I have so many cool things prepped and planned for the new year to hopefully start 2018 off with a lot of fun, but if there's anything you've been wanting to see get posted up here that I haven't done or that you'd just like to see more of, please let me know! I'd be more than happy to work something into the rotation!

Thank you again, I really appreciate it! ♥ It means so much to me to be thought of and to know that the work I'm doing is being enjoyed and put to use. On that note, your CDJ looks SUPER cute!! I llllove love love the background you picked for it, guh.
Apr. 21st, 2018 03:33 am (UTC)

dreamwidth?

Hi, Tess! I am absolutely obsessed with your layouts, and I really would like to use this one for a musebox on Dreamwidth - is there any way to make this work on their server?
Apr. 21st, 2018 03:35 am (UTC)

Re: dreamwidth?

Aw, thank you so much!! ♥ You can use my newest tutorial to port this layout over to DW!
Apr. 21st, 2018 03:40 am (UTC)

Re: dreamwidth?

oh my god... you answered this so fast i feel like i'm talking to my idol AHH GOSH THANK YOU!! lol i totally tried to do what's in that tutorial too i just couldn't... remember how to do it after a million years of not needing to, THIS IS PERFECT!!! ♥

i just want to tell you that you make my life better by giving me so many beautiful things to look at and tinker with and just. thank you.
May. 22nd, 2018 12:30 am (UTC)
So, the background I'm using sizes/resizes better using background-size:contain rather than background-size:cover. However, that seems to mess with the bottom padding that lets the background sit at the bottom of the bar instead of being covered with the bar - which kind of ruins the whole thing? I can go fix it with the image if I need to I think, but is there a code fix for this?
May. 22nd, 2018 12:31 am (UTC)
It's for this journal, also - so you can see what it's doing!
May. 22nd, 2018 12:43 am (UTC)
Okay, so! You're just gonna want to give the background specific positioning to clear the space that overlaps it; here's what I did to get it to sit at 100% width above the bottom nav:

background:#fff url(https://i.imgur.com/Fnv952i.png)center bottom 100px no-repeat fixed;background-size:100% auto;
May. 22nd, 2018 03:38 am (UTC)
Thank you! I figured it was something like specific positioning, I just wasn't having luck with what I was trying.
Aug. 15th, 2018 01:34 am (UTC)
This is such an amazing layout! I've currently got it up on this journal (my CDJ for roleplay stuff) and then I'm going to see if I can port it to Dreamwidth for a journal I use to give info on an RPG-related fic series I write. But seriously, you are among the best code-magicians I have ever seen and I love love love all your layouts. When I have a more steady income I plan on paying you back in some small measure for the beautiful journals I've gotten from you.