Layout: Headliner

image preview | [info]tess014


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!

HEADERIMG - Header background
yourname - Top left header name
initials - Center header monogram

Lato - Page text
Playfair Display - Header text

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


( )Anonymous- this user has disabled anonymous posting.
( )OpenID
Don't have an account? Create one now.
No HTML allowed in subject
Notice! This user has turned on the option that logs your IP address when posting.