Tessisamess

Layout: Bookmark


image preview | [info]tess049


Information

Hey guys! Today we've got a layout remake of my second layout ever on IJ! I still see it being used a lot, and I know I can do much better than that now, so I thought since the month's theme is more straightforward, classic layouts this would be the perfect time to redo it!

This time around instead of Bloggish, we're using Complete Style, and I kept a lot of the same page setup with adjustments to give the elements more room to breathe. I kept anything I thought might be a reason this layout was so popular, and added a much broader setup, giving this layout four page setups to choose from.

Let me know which older layouts you'd like to see remade in the comments! Enjoy! ♥

NOTE: If you have installed this layout BEFORE June 4, 2018 you may want to re-install a fresh copy if you're using it in its One Column form, as the original did not have a navigation enabled. This has been fixed! You can either replace the whole layout, or just the header area!

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:
Supported Layout Types:
One Column
Two Column (Sidebar on Left)
Two Column (Sidebar on Right)
Three Column (Content in Middle)
Disable customized comment pages for your journal: Yes
Navigation link names: Recent/Archive/Friends/Profile
Fill in sticky note if desired.
Fill in custom sidebar module if desired.
Person to credit if you have an individually created layout: Tessisamess
URL to link the credit to: http://tessisamess.insanejournal.com/
Display of tags in sidebar: Cloud or List (choose List if you want section titles denoted by : and Cloud if you want a single list)
Show tag count in hierarchical list? No
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!

FONTS
Lato - Page text
Rollfast - Header text

IMAGES
http://i.imgur.com/SRdjztl.png - Page background
https://i.imgur.com/DRfKecM.png - User and lock icons
https://i.imgur.com/I8EuE5w.png - Community icon

ADDING A HEADER IMAGE
Adding a header image or background color to this layout is SUPER easy! Just add background:#333 url(BGIMG)center;background-size:cover; to the styling for #header and you're good to go!

If the header text color needs to be changed to play nicely with the new background, change the font color in that same area and add #header-text a{} to your stylesheet to give the title link a new color.

COLORS
255,255,255 All sidebar borders and backgrounds
#fff Entry links background
#fcfcfc Container background
#ddd User hover info links, sidebar link hover
#bbb Sidebar text color
#999 Sidebar link color
#888 Link hover color, entry date and tags, sidebar header color
#333 Page text
#000 Page links, header text, sidebar background, user hover info background, dayname background on calendar
0,0,0 All entry borders, userpic border, entry links border, blockquote border/background


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

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.