Layout: Room to Breathe


image prev | [info]tess005


information
Welcome to another layout from Tessisamess!
This Complete layout's gonna be part of a set, like The Silvis, so keep a lookout for companion codes to follow! This layout's really great for IC/OOC/NET comms, since it keeps the focus on the posts and has easy navigation on the right. Header color is easily changed to an image to match your game's theme, and (as always) all colors/fonts are easily replaced. Instructions, replacements, etc. are below, as usual.

Enjoy! ♥
the layout
Oh, yeah. These are the goods!
installation guide
Everything you need to know about editing this layout!
INSTALLATION
♥ Go to Basics and choose S2 for your style system, then save.
♥ Go to Look and Feel, choose Complete Style, then save.
♥ Go to Custom Options and edit your settings:
♥ Layout Type: Two column (Sidebar on right)
♥ Disable customized comment pages for your journal: Yes
♥ Link text to leave a comment: Comment
♥ Fill in sticky note if desired.
♥ Body of custom sidebar module (this is the frame for your icon):
<center><img src="http://i.imgur.com/UM7YyV6.png"></center>
♥ Fill in second custom sidebar module if desired, and paste the following for your header block and fill it in:
<div class="myheader"><h1><a href="/">Journal Title</a></h1><hr><h3>Subtitle Line</h3></div>
♥ Person to credit if you have an individually created layout: Layout by Tessisamess
♥ URL to link the credit to: http://tessisamess.insanejournal.com/
♥ Display of tags in sidebar: List
♥ Show tag count in hierarchical list? No
♥ Sidebar ordering as seen in demo: Custom Text, Nav Links, Custom Text Two, Links, Tags, Layout Credit, (none) for the rest
♥ Custom stylesheet: Input the CSS provided, add a userpic URL to (USERPIC), and save!

APPEARANCE REPLACEMENTS
Go ahead and stick the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!
COLORS
#333 to change page font.
#8D7494 to change link color.
#999 to change entry date and comment link separator.
#CDC3CC to change header background and add image to url() if wanted.
#CCC to change userpic and links list border.
#DDD to change posting date (larger date header.)
#FFF to change page background and header contents border/font color.
IMAGES
http://i.imgur.com/UM7YyV6.png to replace the sidebar image decoration with a standard image; remember to also do the following:
Replace: .module-customtext img{width:190px;background:url(USERPIC)center no-repeat;background-size:110px;margin-bottom:10px;border:none;}
With: .module-customtext img{max-width:100%;}
http://i.imgur.com/MlyRZkf.png to replace the user/private/locked icon.
http://i.imgur.com/j9NduIi.png to replace the comm/custom lock icon.
FONTS
Raleway,helvetica,arial,sans-serif to change the accent font.
Lato,helvetica, arial,sans-serif to change the page font.
terms of use
Please respect my usage agreement; thank you!
♥ Keep credit backlink in place.
♥ Do not redistribute my codes in part or in whole.
♥ 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.