Layout: Bookmark

image preview | [info]tess049


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! ♥

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)
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!

Lato - Page text
Rollfast - Header text

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

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!


(will be screened)
(will be screened)
Identity URL: 
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.