Layout: Trefoil


image preview | [info]tess011



Information

Hey guys! I'm SO excited to release this layout; it's one I've been wanting to do for a while now. Trefoil is special in that it's my first three column layout, made specifically with game comms in mind. What makes it so game-friendly? It separates all your sidebar content for you! Information on the left and tags on the right, since most games have extensive tags lists. (This would honestly be great for any account that employs lots of stacking tags, like icon communities.)

Additionally, I've coded this layout to support three column (content in middle), both sidebar versions, AND no sidebar, which makes it great for matching your mod account to your comunities, because you'll only need to edit the styling once; the page setup is done in the first dropdown! 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: Whichever you please!
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! If you want your first blurb to look the way the demo does, just add your image, a title in h3 tags, and your text!
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
BACKGROUNDIMG - Page background
ICONIMG - Header icon (does not actually need to be square or an icon; it will conform for you)
TINYICON - Image for users and post security icons (I use this one in the demo)

FONTS
Lato - Page text
Comfortaa - Header text

COLORS
#fff - Entry and sidebar module backgrounds
255,255,255 - Header text/links (semi-transparent rgba value)
#eee - Calendar day background (on sidebar)
#999 - Entry date and tags
#466f9f - Headings, links, calendar day background (with posts)
#222 - Bulk text color
0,0,0 - Blockquote and borders (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

From:
(will be screened)
(will be screened)
Identity URL: 
Username:
Password:
Don't have an account? Create one now.
Subject:
No HTML allowed in subject
  
Message:
 
Notice! This user has turned on the option that logs your IP address when posting.