Previous | Next

Layout: Tilt


light image preview | [info]tess020
dark image preview | [info]tess020a



Information

Hey guys! I'm really excited to bring you this newest layout, which features an asymmetrical design and a robust sidebar with all modules available for use and custom styled! This includes both tag lists OR clouds, and the calendar and page summary!

The best part about it? One of my lovely patrons, [info]desiree, was kind enough to donate her subscription purchase this month to you guys! Her request was a free-to-use layout that is community-friendly—and what better way to do that than a really bitchin' sidebar?

This layout has a light and dark version, two header backgrounds, and I've added an edit in the guide below for those of you who don't need character PB cutouts in your header. This can easily use a solid color or a background image, as you can see in the previews! Enjoy, and thank you so much, Desiree! ♥

Layout Coding: Light



Layout Coding: Dark



Header Replacement: No Image



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
Navlink titles: Recent, Archive, Friends, Profile
Link text to leave a comment: Comment
♡ Fill in sticky note if desired.
♡ Fill in your sidebar as desired and order them in whatever way you need! Tags can be set to list or cloud and both blurbs can be used as text or otherwise (first blurb is set to display your image as rounded.)
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!

PLACEHOLDER VALUES
CUTOUT - Header PNG image
BGIMG - Background image (leave as is for color only)
ICONIMG - User/lock icon

FONTS
Open Sans - Page text
Economica - Header text

COLORS (LIGHT)
#fff - Header text/links, content background color, calendar/credit link color
#eee - Calendar day background (each day)
#ddd - Blockquote background, tags page borders, sidebar link borders, credit background
#fdd2cb - Header/footer background, calendar elements, subtitle text
#c39f99 - Entry and sidebar links
#abcaca - Sidebar and entry headings
#999 - Date and tags color
#333 - Bulk text color

COLORS (DARK)
#fff - Header text/links
#aaa - Bulk text color
#887194 - Sidebar and entry headings
#444 - Date and tags color
#323264 - Header/footer background, calendar elements, subtitle text, sidebar links
#222 - Credit background color
#111 - Blockquote background, tags page borders, sidebar link borders
#000 - Some link colors, content background color

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

Jul. 28th, 2017 06:37 pm (UTC)
UHM YES PLZ. I LOVE YOU FOR THIS. I'm taking this for [info]epochcaps asap.
Jul. 28th, 2017 06:38 pm (UTC)
OHHH THAT'LL BE BOMB. Also dude. I llllove the way you edited the cast code for your cap preview info, oh my god!!
Jul. 28th, 2017 06:41 pm (UTC)
Alas, I can't take credit for it. I found it via dreamcodes here, but I'm 99.9% sure that it was based on your codes.
Jul. 28th, 2017 06:54 pm (UTC)
Oh man haha, yeah. I uh thought it was my code tbh.
Jul. 28th, 2017 06:56 pm (UTC)
It's very similar, but I think your code's slightly more user-friendly.
Jul. 28th, 2017 06:58 pm (UTC)
Aw, well tysm! <3
Jul. 28th, 2017 07:00 pm (UTC)
smh, I should be hearting you. It looks great, and thank you and [info]desiree so frigginglutely much. <3.
Jul. 28th, 2017 06:52 pm (UTC)
OH MY GOODNESS!!! My brain has just melted with how gorgeous this is. *-* You are amazing.
Jul. 28th, 2017 06:54 pm (UTC)
AHHH TYSM BOO! ♥
Jul. 28th, 2017 06:56 pm (UTC)
I love ALL of this, but guhh, the way it does those tilt boxes around the block quotes is just sldkjf. Sooo gorgeous.
Jul. 28th, 2017 06:59 pm (UTC)
Eeee, thank you! I love those, haha!
Jul. 28th, 2017 08:23 pm (UTC)
AHHHH IT LOOKS SO SO GOOD! Thank you! This is wonderful!
Aug. 8th, 2017 05:58 pm (UTC)
EEEEEEEE THANK YOU!!!
Aug. 8th, 2017 05:58 pm (UTC)
AND THANK YOU TOO (AGAIN!)
Jul. 28th, 2017 08:31 pm (UTC)
OMG WHAT THE WHAT?!

This is stunning!
Aug. 8th, 2017 05:58 pm (UTC)
EEEEE, thank you!!! ♥ I love this one haha, I was so hype to post it.
Jul. 28th, 2017 08:41 pm (UTC)
Because the urge to change layouts is always strong, and showing them is always fun; [info]mayspring

I'm so in love with this, like, my fave layout changes on a weekly basis with you.
Aug. 8th, 2017 05:57 pm (UTC)
YASSSS <3
Jul. 28th, 2017 10:59 pm (UTC)
WOW this is gorgeous!!!
Aug. 8th, 2017 05:57 pm (UTC)
Thank you!!!
Jul. 29th, 2017 02:09 am (UTC)
This is really great. I'm using it here, though I'll probably be making some minor tweaks cobbled together from some of your other layouts.
Aug. 8th, 2017 05:57 pm (UTC)
Oh, that looks so cute; I love it! ♥ I'm glad you like it!
Jul. 29th, 2017 05:19 am (UTC)
Oh my gosh, I love this so much! I might have to toss it on some character journals.
Jul. 29th, 2017 06:05 pm (UTC)
Well I'm in love again haha
Aug. 8th, 2017 05:56 pm (UTC)
Heee! ♥
Jul. 31st, 2017 02:31 am (UTC)
Gosh darn you, I JUST redid my layout. And now I had to redo it again. Using with tweaks on this journal.

If I wanted to nudge the title/subtitle over just a smidge so it's off the cutout, could you point me in the right direction? >_>
Aug. 8th, 2017 05:56 pm (UTC)
LOL SORRY!

Sure! Just edit margin-left:100px; to change the positioning of the title/subtitle; bigger number for further right, smaller number for further left!
Jul. 31st, 2017 01:01 pm (UTC)
I love it! Where can I find your amazing user/lock icons to use in the layout?
Aug. 8th, 2017 05:54 pm (UTC)
Thank you so much! Here and here (feel free to hotlink!)
Aug. 20th, 2017 12:24 pm (UTC)
Thanks! :D
Aug. 1st, 2017 05:10 pm (UTC)
This is gorgeous! I'm using it on this journal already and plan on using it on a few other character journals too! ♥
Aug. 8th, 2017 05:55 pm (UTC)
Eeee, tysm! ♥
Aug. 13th, 2017 07:11 pm (UTC)
Figured you might want to see some of the other ones now that they're finished... [info]waitingtoarise, [info]a_mystery, [info]thelastprince, and [info]empoweredbitch
Aug. 13th, 2017 07:18 pm (UTC)
Ooooh, you're on a roll!
Aug. 8th, 2017 05:29 pm (UTC)
I can't say enough about how much I love this layout. Most of the edits I've played from were actually done by Maxi/[info]paddle, but I am using this all over the place like [info]lildampeer, [info]justuhura, [info]neverfit, [info]pasticcere, [info]cutesized... you know, just to list a few! This is so freaking awesome, thank you!
Aug. 8th, 2017 05:53 pm (UTC)
AHHH, THOSE ARE SO CUTE, DUDE! ♥ I'm glad you like it! This is one of my favorites so far this year. :D
Aug. 8th, 2017 05:57 pm (UTC)
I fail at typing so that last one was supposed to be [info]lena but this layout is so fun to play with! I've been having fun making the cutout images in PS and playing with color palettes!
Aug. 8th, 2017 06:10 pm (UTC)
LOL, np BUT THAT ONE IS CUTE TOO UGH! And yeah, agreed. I honestly find making cutouts really soothing lmao. It' just repetitive enough without being too zoned out.
Aug. 9th, 2017 03:51 am (UTC)
Yes! Haha. Photoshop or coding is what I do when I need to ~relax lol. I find it comforting.
Sep. 20th, 2017 02:25 am (UTC)
belatedly i love this layout sfm and i never comment in this journal enough so here i am
Sep. 20th, 2017 07:33 pm (UTC)
Aw, thank you so much, and thank you for commenting! <3 I really appreciate it!
Sep. 23rd, 2017 04:12 am (UTC)
be. u. tiful.

all i did was toss a hipster ass succulent image in the header and - perfection.