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: '08.+sidebars:+c.+profile'

Dec. 4th, 2017

08. Sidebars - Profile

The class that identifies the about/profile module is .module-about. It contains your default userpic, username, journal title, and profile website. If you don't have a userpic/title/website the field will be left out.

The userpic leads to your userpic page (not your specific one; the general URL for someone to go to their account's userpics... for some reason.) And I swear I've seen .username pop up on profile blocks before, but I'm not finding it while writing this up, so I won't go into detail on it.

.userpic
.journalname
S2 Complete Style


.module-about{}
.module-about .module-content{text-align:center;padding:0;}

.userpic{}
.userpic img{border:none;}

.username{}
.journalname{}
.usersite{}


Please note that the module header for your about/profile block is a link to your profile page.