Layout: Low Profile

image preview | [info]tess047


Hey, guys! Today we've got Low Profile, a minimal clutter layout that stows your extras away in a slide-out sidebar. This is an S2 Complete Style layout trick I've been meaning to do for a while now, but don't worry! If you're loving the look but don't need a sidebar panel, you can choose One Column and get a great minimalist, almost Generator inspired layout out of the deal, hell yeah!

Layout Coding

Installation Guide

♡ Go to Basics and choose S2 for your style system, fill in your title (and subtitle, if desired), 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 for no slideout panel or Two Column (sidebar on left) for slideout panel
Disable customized comment pages for your journal: Yes
Navigation link names: Recent/Archive/Friends/Profile
Fill in sticky note if desired. If you have chosen One Column skip the next steps, paste the CSS, and save! Make sure you put credit in your profile in this case.
Fill in custom sidebar module if desired. This is where your image and blurb goes.
Fill in second custom sidebar module: <div class="toggle"><a href="#beta" class="open"><img src="TOGGLEPIC"></a><a href="#" class="close">&times;</a></div>
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!

Roboto Condensed - Page text
Syncopate - Headings

TOGGLEPIC - Sidebar toggle button userpic
USERPIC - Header userpic
https://i.imgur.com/GNPqyaw.jpg - Background
https://i.imgur.com/qJMbjT9.png - User and lock icon

255,255,255 Sidebar image border, sidebar link background and hover background (semi-transparent rgba value)
#fff Page background, entry background, calendar page day name
#ddd Top nav borders, entry border, userpic poster link, linkbar text, tags page border, sidebar text
#bbb Link hover color, sidebar link color
#999 Entry date and tags, userpic poster link hover, linkbar hover
#222 Page text
#000 Sidebar background, toggle button background/border, blockquote border, header text/link color, entry heading and link color, userpic hover info background, linkbar background, calendar page day name background
0,0,0 All box shadows (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!


( )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.