Layout: Through the Roof N Underground


no sidebar image prev | [info]tess021
yes sidebar image prev | [info]tess021a


001: Informative Info
Most minimalist layout I've ever done haha. Fixed nav menu and a fade-in header on pageload. Added a sidebar version for those who like it but also need a sidebar. These two layouts together would be really good together for game use I think, using no-sidebar for the mod journal with a link directory, and the yes-sidebar version for the comms. Enjoy! <3
002: The Layout
NO SIDEBAR


YES SIDEBAR


003: Directions
→Go to Basics, choose S2, fill in your title and subtitle if desired, then save.
→Go to Look and Feel, choose Complete Style for the layout, then save.
→Go to Custom Options, and choose the following:
[NO SIDEBAR]
→Layout Type: One Column
→Disable customized comment pages for your journal: Yes

→Link text to leave a comment: Comment
→Text used to link to the 'Recent Entries' view: Recent
→Text used to link to the 'Archive' view: Archive
→Text used to link to the 'Friends' view: Friends
→Text used to link to the 'User Information' view: Profile

→Change HEADERHERE to your header image. Must be as wide as you can manage and at least 550px high.
→Custom stylesheet: Input the code above and save

→Please remember to credit me on the profile page since there is no credit block.
[YES SIDEBAR]
→Layout Type: Two column (sidebar on left)
→Disable customized comment pages for your journal: Yes

→Link text to leave a comment: Comment
→Text used to link to the 'Recent Entries' view: Recent
→Text used to link to the 'Archive' view: Archive
→Text used to link to the 'Friends' view: Friends
→Text used to link to the 'User Information' view: Profile

→Body of custom sidebar module: Your gif
→Body of second custom sidebar module: Your blurb
→Person to credit if you have an individually created layout: Layout by Tessisamess
→URL to link the credit to: http://tessisamess.insanejournal.com/
→Reorder in the dropdowns as desired (preview is: custom text 1, links, custom text 2, tags, layout credit.)

→Change HEADERHERE to your header image. Must be as wide as you can manage and at least 550px high.
→Custom stylesheet: Input the code above and save

→Fill out your Links List, if desired.
004: CTRL+F This Shit
#FFF to change all backgrounds.
#444 to change bulk text.
#aaa to change link color.
#111 to change entry and module header color.
#eee to change nav menu link backgrounds; blockquote background.
#555 to change nav menu links.
#e5e5e5 to change userpic background.
#999 to change entry tags link color.
#ccc to change entry links border.
#777 to change entry links color.

font-family:Lora,georgia,sans-serif; to change entry and module header font.
font-family:georgia,sans-serif; to change bulk font.
800px to change content width.
http://i.imgur.com/KIWa3PN.png to change nav menu icon. Light version (for darker recolors) is here: http://i.imgur.com/vjhmFsA.png
→Delete .lj-view-recent .inner-entry-userpic{display:none;} from the sidebar version to get userpics on the main page.
→Add .lj-view-recent .inner-entry-userpic{display:none;} to the no sidebar version to remove userpics from the main page.

005: Rules and Shit
→Credit me in your profile if removing it from the layout.
→Do not remove my credit from the CSS.
→Do not redistribute in part or in whole.
→If you break something during editing don't be scared to ask me to see what happened. Yep. That's a rule.
→If you're a maker like I am and you do something cool with this I'd really like to see it, but it's not necessary.

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.