Learning S2 Complete Style

S2 Complete Style is a pretty huge layout—it's easy to get overwhelmed! [info]s2complete is a complete documentation resource brought to you by [info]tessisamess.

This documentation breaks down S2 Complete Style piece by piece so you can learn just how every piece works. Once you understand the layout dynamics you'll be glad it's such a comprehensive sheet; it makes the possibilities nearly endless!

December 2017

S M T W T F S
     12
3456789
10111213141516
17181920212223
24252627282930
31      

Syndicate

RSS Atom
Powered by InsaneJournal

Posts Tagged: '02.+page+containers:+c.+page+views'

Dec. 4th, 2017

02. Page Containers - Page Views

One of the coolest features in S2 Complete Style is the ability to define specific styles based on what type of page you're viewing. You can disable elements on certain pageview, change the way they behave, or even just change the body background color. These classes are in the body tag along with the page setup, so they encompass the entire page. Available classes for page views are:

.lj-view-recent{}
.lj-view-friends{}
.lj-view-archive{}
.lj-view-month{}
.lj-view-day{}
.lj-view-tags{}
.lj-view-entry{}


Please note that .lj-view-tags is for your Tags page and not the page you view when clicking a specific tag. That, unfortunately, is bundled with .lj-view-recent.

How do you use these? The most common example, and one I use frequently, is if you want userpics to only be present on your friends page. You would style your userpic CSS as usual, then add display:none; to the userpic container. After that, you would just need to add .lj-view-friends .inner-entry-userpic{display:initial;} to your stylesheet to enable them on a single pageview.

On the flip side, another thing I do often is disable the date only on day view (viewing entries posted on a specific date), because the timestamp is a little superfluous. When I do that, all I have to do is specify .lj-view-day .entry-datetime{display:none;} in my stylesheet.

You can do some pretty extensive stuff by prefacing things with the pageview classes, so have fun with it!

The only viewing option not freely available to use is .lj-view-entry, which is IJ default if you don't have a paid or permanent account. If your account is paid/permanent you will have the option to enable customized comment pages for your journal, and this viewing option will be available to use.