FaceJournal

Heh. To practice CSS and learn more about S2 I set myself a challenge: make an LJ layout that looks like Facebook. I did this in just under a week’s time and 85% was written from scratch.



Name: FaceJournal
In use: At my journal
Code: Public
To use: You need a paid account. Go to Your Styles and scroll to the bottom. Under Create Style choose a name, any name, and click create. On the next page choose your language (whatever you pick won’t make a difference) and choose other under the Layout dropdown. In the LayerID box that pops up put 27035570. You’ve now created a style using this custom layout as it’s base layer, so go back to the Style page, find your new style in the list, and select Use.
Features:

  • Logged in top navigation bar has a search bar
  • Logged-out top navigation bar includes links to log in
  • Calendar view includes links to all years of the calendar
  • Includes security icon on entry linkbar
  • Comment on an entry by clicking “like”
  • Recognizes if an entry was posted today, in the past, or is future-dated
  • Perma-link by clicking on the date
  • Includes space for one vertical ad on the right. If no ads displayed entries will spread to nearly the full width.
  • Different background color for screened comments
  • Mimics the Facebook layout as much as possible while still including all of LJ’s features.
  • English only – there’s currently no internationalization and no options for choosing your own text.
  • All styling is done with CSS so it should be pretty simple to change colors if you want to.
    Current Mood: accomplished