Previous | Next

Layout: Newsworthy

image prev | [info]tess025

001: Informative Info
Kicking off 2015 with a layout I've been wanting to do for a while; I'm pretty pleased with myself on this one! This is probably the most Tumblr-y of layouts on IJ now, haha. This layout features a wide, minimalist sidebar and three-column entries with no restrictions on length. Be sure to check out the friends page, too, as it functions like a normal flist to cut down on timeline confusion. :D

Also: My $30 layout (and Tumblr theme) sale is still going on, so be sure to check it out!
002: The Layout

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:
→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

→Title to use for custom text sidebar module: Your title
→Body of custom sidebar module: Your image
→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/

→Custom stylesheet: Input the code above and save
004: CTRL+F This Shit
#FFF to change the sidebar and entry background color.
#FBFBFB to change the page background color, sidebar link backgrounds, and entry link backgrounds.
#EEE to change the scrollbar track piece.
#E1E1E1 to change all content and image borders.
#DDD to change the scrollbar thumb.
#888 to change the bulk font color.
#777 to change the link colors.
#555 to change the entry header color.

OSWALD to change the accent font.
HELVETICA,SANS-SERIF to change the bulk font.
url(BACKGROUND) to add a background image to the page.
005: Rules and Shit
→Please put my credit in its designated spot.
→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.


Jan. 5th, 2015 04:13 am (UTC)
Jan. 5th, 2015 04:14 am (UTC)
Jan. 5th, 2015 08:44 am (UTC)
are you kidding me

how is this real!?
Jan. 5th, 2015 09:05 am (UTC)
I don't know man I just woke up in the middle of the night and this is what happened.
Jan. 5th, 2015 10:47 pm (UTC)
This is a-fucking-mazing I want to go change all my journals to this right now
Jan. 5th, 2015 11:25 pm (UTC)
Heeee, thank you! <3 I'm so glad you like it; it's one of my favs so far ngl.
Jan. 19th, 2015 09:29 pm (UTC)
This is so wonderful. Out of curiosity, is there a way to edit the number of columns?
Jan. 20th, 2015 02:13 am (UTC)
Hee, thank you! There is a way to change the number of columns, but it's more than one step, so just lmk how many you want it changed to and I can show you how. :3
Jan. 20th, 2015 08:28 am (UTC)
I was curious about how it'd look with one column- mostly for the friendspage, which I think is usually easier to follow in linear form!
Jan. 20th, 2015 09:00 am (UTC)
OH, well in that case you don't need to do anything! It's already linear on the flist. :)
Jan. 20th, 2015 09:22 am (UTC)
I should have known. You are too much of a goddess!
If I wanted the entries themselves to be linear, how would I do that?
Jan. 29th, 2015 05:58 pm (UTC)
Question! I'm using this layout and I want to put an image in the background, but I don't want it to repeat, I just want it in the bottom corner. How would I go about doing that? I tried taking out the "repeat" in the background section, but that didn't work.
Jan. 29th, 2015 09:54 pm (UTC)
Heyo! Just change:
background:#fbfbfb url(BACKGROUND)top left repeat fixed;
background:#fbfbfb url(BACKGROUND)bottom right no-repeat fixed;
And you should be all good to go! <3
Jan. 30th, 2015 12:14 am (UTC)
That totally worked, thank you so much!
Jan. 30th, 2015 05:32 am (UTC)
Eep- yeah. I have to ask for the single entry style, because I've gotten a 'the layout is too hard to navigate for RP!' I personally love it, but I can see that it's somewhat hard for people who click into the journal. Soooo, how would I make the main entries run in one column? :(
Feb. 1st, 2015 02:15 am (UTC)
thank you for this lovely layout! I love your layouts <3
Feb. 20th, 2015 04:54 am (UTC)
<3 Thank you!
Feb. 2nd, 2015 08:20 am (UTC)
i am absolutely obsessed with this to the point of struggling to find a journal to use it in. thank you so much for sharing!!!
Feb. 20th, 2015 04:55 am (UTC)
Hee, thank you! I'm glad you like it. <3
Feb. 20th, 2015 03:23 am (UTC)
I'm using this layout as I set up my icon journal at [info]lemoncreamsicle, and a. I LOVE IT. It's ALMOST perfect. But b. I'd really like for there have a tags list. How can I make this happen? Thank you!
Feb. 20th, 2015 04:54 am (UTC)
Heee, glad you like it! <3 Just change:
.lj-view-recent .ljtags{display:none;}
.lj-view-recent .ljtags{margin:10px 0 0 0;font-size:8px;text-transform:uppercase;}
And you're good to go! :D
Feb. 20th, 2015 04:59 am (UTC)
Ahhhh thank you so much! It's now PERFECT!

Is there any way to get a list on the sidebar? If not, absolutely no problem. :D
Feb. 28th, 2015 06:23 pm (UTC)
i'm curious to know if it's possible to do the tags list in the sidebar as well.
Jun. 14th, 2015 06:32 am (UTC)
Beautiful layout.
Aug. 1st, 2015 07:02 am (UTC)
Okay! Just swapped to this one! I used it for this journal and edited it to be a faux-Facebook circa 2071 since the game's set in the future. I still can't figure out those darn comment links though. I just want `comment` and `# comments.` Not link/edit entry/edit tags.

Help me plz?
Aug. 29th, 2015 10:11 pm (UTC)
I'm using this one with edits on this journal and I think I've made most of the tweaks I wanted, but something in the code seems to be making the borders on my gifs look kind of weird. Any ideas what might be causing it?
Aug. 29th, 2015 10:39 pm (UTC)
Yep! Just change
.lj-view-recent .entry img{max-width:286px;padding:5px;border:1px solid #e1e1e1;}
.lj-view-recent .entry img{max-width:100%;}
.lj-view-friends .entry img{max-width:286px;padding:5px;border:1px solid #e1e1e1;}
.lj-view-friends .entry img{max-width:100%;}
Aug. 29th, 2015 10:42 pm (UTC)
I literally juuuust figured that out, lol! Thank you, though! It's a gorgeous layout!
Aug. 29th, 2015 10:46 pm (UTC)
Ahaha, np! <3 Tysm!
Aug. 29th, 2015 10:48 pm (UTC)
Thank you for making it! :)
Oct. 13th, 2015 05:22 pm (UTC)
Beautiful - using it here!
Mar. 7th, 2016 02:12 am (UTC)
I love this layout. <3

I'm currently using this on a comm and I've made the edits to have a tag list in the sidebar. It's almost perfect, but I can't figure out how to turn the pesky hierarchy thing off for the tag list so that they're all one size. Help, please?
Mar. 10th, 2016 07:56 pm (UTC)
Mind sharing how you edited it to have a tags list?? :D
Mar. 10th, 2016 09:28 pm (UTC)
I did this first.

Then under the sidebar section of the code, I added:
.module-categories ul{list-style:none;margin:0;padding:0;}
.module-categories li{display:inline-block;}
.module-categories li a{background:#fbfbfb;display:inline-block;width:131px;padding:3px 1px;margin:2px;border:1px solid #e1e1e1;}

And took the bolded words out of this:
.module-about, .module-calendar, .module-typelist, .module-categories, .module-pagesummary, .module-syndicate, .module-powered, .module-ads{display:none;}

Pretty sure that's all I changed. You might have to change the width of the sidebar because the tags showed up a little off-center on mine.
Jul. 8th, 2016 08:25 am (UTC)
Thank you!
Aug. 27th, 2016 06:30 pm (UTC)
I'm using this for this journal (and a few others) and was wondering how to edit the css in order to include a sticky note :)
Dec. 4th, 2016 04:51 pm (UTC)
lovely edit! is there any way to have the recent entries to be in one column, out of curiosity?
Jun. 14th, 2017 11:47 am (UTC)
Old question I'm sure, but how do you feel about make the entries commentable from
The recent view?
Jun. 14th, 2017 03:12 pm (UTC)
Oh, that's a simple edit! You'll just want to delete:
.lj-view-recent .entry-linkbar{display:none;}

And amend the following via Replace All in Notepad (or similar):
.lj-view-friends .entry-linkbar

Into this instead:

Hope that helps! <3
Jun. 14th, 2017 05:52 pm (UTC)
You are the best!