Previous | Next

Layout: The Ritual

image preview | [info]tess052


Hey guys! I'm so tired haha. I'm gonna have to leave off the usual chit-chat. This month's been thrashing my mental health.

This layout has a sectioned header and supports either no sidebar or left/right sidebar! All demo images are left in the layout, so feel free to use them if you like! This layout is optimized for mobile. Enjoy! ♥

Layout Coding

Installation Guide

♡ Go to Basics and choose S2 for your style system, fill in your title and subtitle, 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:
Supported Layout Types:
One Column
Two Column (Sidebar on Left)
Two Column (Sidebar on Right)
Disable customized comment pages for your journal: Yes
Navigation link names: I. / II. / III. / IV.
Fill in sticky note if desired.
Fill in custom sidebar modules. The first module contains a custom background; leave blurb text blank if image-only is desired.
Person to credit if you have an individually created layout: Layout by Tessisamess
URL to link the credit to: http://tessisamess.insanejournal.com/
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!

Josefin Sans - Page text
Marathon - Header text

https://i.imgur.com/MDfcwYb.jpg - Header background
https://i.imgur.com/MdTdtk6.png - Header icon and post/user icons
https://i.imgur.com/QHEqIz3.png - Sidebar blurb background

255,255,255 Page text, header borders, entry date, entry links borders, some calendar elements, sidebar module borders (semi-transparent rgba value)
#fff Page links, header text, some calendar elements
#8b9b93 Headings, entry links, entry tags
#242826 Blockquote border, sidebar links lists border, userpic hover info background, some calendar elements
#1b1e1d Page background
#0A0A0A Header background, sidebar background, entry background

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!


Apr. 25th, 2018 10:52 pm (UTC)
Apr. 25th, 2018 11:05 pm (UTC)
Apr. 26th, 2018 02:16 am (UTC)
[...] I'm probably going to be using this for [info]revoltmods. Just so you know.
Apr. 26th, 2018 04:25 am (UTC)
Correction: I used it for the game comms, and it looks awesome. Thank you so much! <3
Apr. 26th, 2018 01:51 pm (UTC)
A bit of craziness this morning. I put this layout on my character here last night because it’s woah amazing and I love it. It even looks awesome on my phone. But I changed it this morning to be just one column (no sidebar) and now it twitches. Like it’s displaying something then immediately hiding it. Over and over. As soon as I put the side bar back it quit. O.o
Apr. 26th, 2018 02:24 pm (UTC)
OMG, this is just incredible! 😍

Using it here.
Apr. 29th, 2018 08:13 am (UTC)
I love it, I couldn't wait until tomorrow with this one. It's past 5am over here, but I don't care because the layout looks AWESOME!


What would I ever do without your amazing designs?!

Thank you for working so hard for us ♥
Apr. 29th, 2018 03:30 pm (UTC)
😭 Shhh, you're too nice; thank yoooou!! I'm so glad you like it! It was so much fun to put together and make graphics for haha.
Sep. 12th, 2018 05:50 am (UTC)
This is such a fantastic layout. Used on DW (@villainry) with credit...and minor edits b/c DW is the absolute weirdest! ♥