Previous | Next

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

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!

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!


Mar. 12th, 2018 04:57 am (UTC)
I love this!
Mar. 12th, 2018 07:26 pm (UTC)
Aw, tysm! ♥
Apr. 26th, 2018 05:32 pm (UTC)
Hi, I have a question. We haven't modified the layout at all just yet, but the tags aren't displayed correctly as you can see in the mod journal: http://wander-mods.insanejournal.com/

Would you happen to know why? We tried to switch the sidebar to the left with the same results.
Apr. 26th, 2018 05:39 pm (UTC)
Oh dang it, I fixed this for a friend the other week and totally forgot to add the step I'd told her I forgot to put in haha. In your dropdown options (should be above the dropdowns for sidebar module ordering) set display tag count to "no" and you'll be all set!
Apr. 26th, 2018 05:48 pm (UTC)
Got it. Thank you! Lovely layout by the way. So simple but with everything you need.
Apr. 26th, 2018 05:55 pm (UTC)
No problem; sorry for the error! Fixed it on the instructions finally haha. And thank you! ♥
Jun. 5th, 2018 02:22 am (UTC)
I can't seem to figure out where the links for the friends & profile and all that are for the one column version. Am I missing something?
Jun. 5th, 2018 02:38 am (UTC)
...oh my god I forgot to enable them for One Column HAHA. I've fixed the base code in this entry now!
Jun. 5th, 2018 03:02 am (UTC)
Lol oops! I thought I did something wrong because all your others worked fine with one column that I’ve used. :P Thanks so much!