Sep. 26th, 2017
Layout: High Contrast

image preview |
![[info]](http://www.insanejournal.com/img/userinfo.gif)
Information
Hey guys! I've got a fun layout for you today, set to the tone of high contrast minimalism, with a few unobtrusive but unique features! High Contrast features rotated sidehand dates capped with userpics, a custom non-Google font, and a lot of personality with very little clutter.Additionally, I've coded this layout to support both sidebar versions, AND one column (no sidebar), which makes it pretty versitile too! Don't enjoy stark white or pages without backgrounds? No problem! You can easily add in either a page background, header background, or both! 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: One column, Left sidebar, or Right sidebar!
♡ 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 and some text under it! No title needed.
♡ 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
OPTIONALPAGEBACKGROUND - Page background; leave as is for white
OPTIONALHEADERBACKGROUND - Header background; leave as is for white
FONTS
Raleway - Page text
Antro - Header text
COLORS
#fff - Page background, nav links, sticky title, entry link hover text, view all link, calendar post
#eee - Calendar days
#bbb - Sticky note text
#999 - Entry date and tags
#555 - Page links
#333 - Bulk text color
#000 - Entry links, entry link hover background, calendar post background, headings, blockquote border, nav background, sticky note background, view all link background
IMAGES
http://i.imgur.com/YlofFIe.png - User and Private icon
http://i.imgur.com/XnO8SxL.png - Community and Locked icon
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
Make sure you have it as 2-column layout (sidebar on left or on right), and then put the picture in the "Body of custom sidebar" box. You can put a blurb or whatever underneath it. The second one will go in the "Body of second custom sidebar" box. I'm pretty sure that the "Blurb two" prettiness just comes from putting a title in the "Title of second custom sidebar" box.
How can I shrink the header area down? I know that part of it is the 271px thing in the header, but I'm not sure how to shrink down the rest of it.