Making journals look like websites

[tesscodes]

⇄

How to make your journal look more like a website!

Hi!

Time for a VERY quick tutorial/journal add-on. You can paste this into any of my S2 Complete Style layouts at the end of the CSS to instantly make your journal look a little more like a website. Best for those of us who like dating out of order and posting without a cut! The nicest part about this method, in my opinion, is that it removes the need to use a <noembed> tag to achieve the effect. Have fun! 💖

THE CODE

#tagpage-header, .lj-view-recent .entry-datetime, .lj-view-recent .ljtags{display:none;}

THE BREAKDOWN

#tagpage-header - Removes the heading above entries when you click on a specific journal tag.
.lj-view-recent .entry-datetime - Removes the entry date on only the recent page, which includes when you click on a specific journal tag.
.lj-view-recent .ljtags - Removes the entry tags on only the recent page, which includes when you click on a specific journal tag.

Notice that I'm only targeting these elements on Recent page view; that means this won't ruin any functionality on your friends page, and if you view things via your archive posting dates you'll be able to see the full post details. You'll also still be able to get into the actual entry without any issues since this doesn't affect links. (the tags page header doesn't need a preface because it only shows up on Recent anyway.)

THE EXPLANATION

Why do I do this? Because I like to forego lj-cut tags on my personal IC and OOC journals and navigate by tag rather than entry URL! So for a character bio, I usually use https://namehere.insanejournal.com/tag/about and not https://namehere.insanejournal.com/12345.html.

In doing this, there can be clutter that distracts from the clean view that makes them look less like journal entries and more like pages on a site. By removing the tags header, date, and tags, this fixes it right up for me!

I also tend to disable comments on any entry that doesn't need comments (like a dropbox or a holds page), and since most of my layouts only show comment / # comments / edit / edit tags on the entry links, when I do this it cleans the entry entirely for other users' view while still retaining my edit links for me.

You CAN disable the links entirely with .lj-view-recent .entry-linkbar{display:none;} if you prefer; just keep in mind that when you do this you'll always need to click the entry title to go in and access your edit links.

You can also disable the "previous/next" links if you want to with .lj-view-recent .content-nav{display:none;} if you're planning on having your nav set up in a way that doesn't need them.

THE EXAMPLES

RECENT PAGE

TAG VIEW PAGE


This is the logged out view, meaning that the reason you don't see the entry links is because you don't have access to them. Logged in, you will still see the links to edit the entry and to edit the entry's tags. Note that I've also turned off userpics for this side-by-side comparison, but most of my layouts already tell you how to do this on the Recent page, so it hasn't been included in the tutorial, as you can achieve the same thing with the first section of dropdown menus. The level of "website" feel depends on the layout. With this one, it still looks fairly journal-eqsue, but the wider or more open the layout gets, the stronger the website feel gets. Still, I like it both ways, because it de-clutters the entries and leaves just the content I want focused on, and I'm really into that.

♡ You're Done! ♡