Previous | Next

Layout: High Contrast

image preview | [info]tess032


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!

OPTIONALPAGEBACKGROUND - Page background; leave as is for white
OPTIONALHEADERBACKGROUND - Header background; leave as is for white

Raleway - Page text
Antro - Header text

#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

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!


Sep. 26th, 2017 09:36 pm (UTC)
Sep. 26th, 2017 10:03 pm (UTC)
Sep. 27th, 2017 11:26 am (UTC)
The media query adjustments. Holy hell. They are things of fuckin' beauty.
Oct. 11th, 2017 10:43 pm (UTC)
YEA YEA YEA WHATEVER (thank yooou ♥ I've been meaning to start defaulting them into my layouts for like ever now and I'm finally getting into the habit lmao.)
Sep. 30th, 2017 11:48 am (UTC)
Using this layout st this journal. Love your codes!
Oct. 11th, 2017 10:42 pm (UTC)
Ohhh, dude that looks so pretty.
Nov. 11th, 2017 06:30 pm (UTC)
Yeee, thank you! This is gorgeous ♡
Nov. 15th, 2017 11:19 pm (UTC)
Aw, thank you so much! ♥
Dec. 13th, 2017 12:19 am (UTC)
Thank you! This works beautifully on DW and I'm using it here.
Dec. 14th, 2017 08:51 pm (UTC)
Aw, ty ty! That looks SSSUPER NICE in dark colors; I love it!
Feb. 19th, 2018 04:42 am (UTC)
Yoinked this one with lots of alterations for [info]foxed, thank you! ♥