Previous | Next

Layout: Headliner


image preview | [info]tess014



Information

Hey guys! I'm not set to post a free layout until next week, but I'm so excited I just had to post it early, and I've decided to do an extra layout this month! Why am I so excited? Because you guys are great, and I'm just $39 away from hitting my second monthly goal!

What does it mean for us to get to the second goal? Well, once I do, for every month that I earn $500/mo I'll be posting MORE free layouts, MORE free codes, HTML page codes and/or Tumblr codes, and a tutorial EVERY month! All right here in my free posts, as well as continuing to fulfill all monthly rewards for subscribers on Patreon. Don't know what those rewards are? You can go to my Patreon to read all about it!

Thank you all so much for your continued support in the comments, for using my work, and of course for subscribing on Patreon. I couldn't be doing any of this without you guys!

I should probably talk about the layout now, huh? Headliner is made to match the biosheet of the same name, and features a large header with auto-centering content for long or short titles, a wide content area, and THREE page setups to choose from (left sidebar, right sidebar, and no sidebar.) Each entry features a top centered icon to pin it to the content area, and on your Friends page you can hover this for the poster information. 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:
Layout Type: Two column (Sidebar on left), One Column, or Two column (Sidebar on right)
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.
Display of tags in sidebar: List
Show tag count in hierarchical list? Yes/No
♡ Order your sidebar as desired! Blurbs are set to display your image(s) 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
HEADERIMG - Header background
yourname - Top left header name
initials - Center header monogram

FONTS
Lato - Page text
Playfair Display - Header text

COLORS
#fff - Header text/links and content background color
#eee - Blockquote and sticky note background
#ddd - Entry border and sidebar links border
#add7c9 - Headings, entry links, entry footer links, image borders
#999 - Date color, tags link color, sidebar links
#333 - Bulk text 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

Aug. 3rd, 2017 02:52 pm (UTC)
Well. This is beautiful. As usual. ♥
Aug. 3rd, 2017 08:07 pm (UTC)
Eheheh, thank you! ♥
Aug. 3rd, 2017 03:12 pm (UTC)
LOVE THIS!
Aug. 3rd, 2017 08:07 pm (UTC)
YASSS, SAME HAHA. I'm glad you like it! ♥
Aug. 3rd, 2017 07:51 pm (UTC)
This is perfect! I'm so glad you decided to make a layout to match the biosheet! It's amazing!
Aug. 3rd, 2017 08:08 pm (UTC)
Aw tysm! ♥ As soon as I posted the bio I was just like "...dammit. I know what I'm doing next."
Aug. 3rd, 2017 10:18 pm (UTC)
Fuck. Yes.
Aug. 8th, 2017 05:59 pm (UTC)
:D :D :D
Aug. 9th, 2017 06:21 pm (UTC)
I'm using it here though I haven't put her blurb in yet.
Aug. 16th, 2017 02:29 am (UTC)
Love this layout!

Question: Is there a way to change the color of the Journal Title? I've inserted the color code everywhere I can think and so far no luck.
Aug. 16th, 2017 02:33 am (UTC)
Thank you!

It should just be changing all (or just the first) instances of #add7c9
Aug. 16th, 2017 02:38 am (UTC)
Changing the first one did it! Thank you so much!
Aug. 16th, 2017 02:42 am (UTC)
No problem!
Aug. 16th, 2017 10:13 pm (UTC)
I seem to have a technical issue that I cannot begin to figure out because this has NEVER happened to me with one of your layouts before... but the navigation links (recent/archive/friends/profile) don't seem to be clickable. Any idea what I've done/how to fix it?
Aug. 16th, 2017 10:25 pm (UTC)
Looks like it's a screen resolution issue! On mine they click, but when I make my browser smaller the title runs over top of them.

In #nav-above add in position:relative;z-index:100; and you should be all set! I'm gonna add that to the base code as well tbh.
Aug. 16th, 2017 10:28 pm (UTC)
That fixed it! You're an angel, thank you!
Aug. 16th, 2017 10:30 pm (UTC)
No problem at all, sorry for the oversight!
Aug. 16th, 2017 10:53 pm (UTC)
So not a big deal, really. Besides, you answered pretty quickly with a solution, so really no harm done. Thank you again!