Customizing the Homepage
From No LJ Ads Wiki
This guide is for customizing the modules that display on the LiveJournal Homepage. Sectioned by the side of the page they are on and in order of appearance. Combine the lines of CSS for the modules you want to hide into a single user stylesheet.
Contents |
[edit] Left Side
[edit] Quick Links and Writer's Block
The entire quicklinks box:
.homepage-account { display: none !important } /* Kill Quicklinks */
Writer's Block only:
.appwidget-qotd { display: none !important; } /* Kill Writer's Block */
Some links only:
.homepage-account li.post { display: none !important; } /* Kill Post an Entry */
.homepage-account li.friends { display: none !important; } /* Kill Friends Page */
.homepage-account li.inbox { display: none !important; } /* Kill Inbox */
.homepage-account li.news { display: none !important; } /* Kill News */
[edit] Inside LJ
.homepage-insidelj { display: none !important; } /* Kill Inside LJ */
[edit] Promo Box
.homepage-minipromo { display: none !important; } /* Kill HP Contest Promo box */
[edit] Recent Comments
.appwidget-recentcomments { display: none !important } /* Kill Recent Comments */
[edit] Journal Spotlight
The entire spotlight box:
.appwidget-journalspotlight { display: none !important } /* Kill Spotlight */
Sponsored Spotlight only:
.sponsored-users { display: none !important; } /* Kill sponsored spotlight comms */
[edit] Cool Features on LiveJournal
.homepage-insidelj { display: none !important; } /* Kill Cool Features on LiveJournal */
[edit] Homepage Explore
.homepage-explore { display: none !important; } /* Kill Explore */
[edit] Right Side
[edit] Friend Updates
.appwidget-friendupdates { display: none !important; } /* Kill Friend Updates */
[edit] Birthdays
.appwidget-friendbirthdays { display: none !important; } /* Kill Birthdays */
[edit] LiveJournal News
.appwidget-officialjournals { display: none !important; } /* Kill LiveJournal News */
[edit] Tips
.cprod { display: none !important; } /* Kill Tip */
[edit] Tinkering with the bottom decoration
[edit] Getting the last module farther from the bottom
Sometimes the grass overlaps a bit much with the bottom modules when you take away the Inside LJ module. You can add padding to the bottom of these modules by taking the CSS class mentioned in the above:
.homepage-explore { padding-bottom: 12em !important; } /* Pad bottom for Frank */
[edit] Killing Frank and the grass
Remove Frank:
.homepage-loggedin-frank { display: none !important; } /* Kill Frank :( */
Remove the grass at the bottom of the page:
.homepage-loggedin { background: none !important; } /* Kill grass */
[edit] Quick fix for sponsorship and promotional materials
.appwidget-qotd { display: none !important; } /* Kill Writer's Block */
.homepage-minipromo { display: none !important; } /* Kill HP Contest Promo box */
.sponsored-users { display: none !important; } /* Kill sponsored spotlight comms */
.cprod { display: none !important; } /* Kill Tip */
.homepage-insidelj { display: none !important; } /* Kill Inside LJ */
.homepage-explore { padding-bottom: 12em !important; } /* Pad bottom for Frank */
[edit] References for Stylers
[edit] CSS References
http://stat.livejournal.com/home.css
http://stat.livejournal.com/widgets/qotd.css
http://stat.livejournal.com/widgets/recentcomments.css
http://stat.livejournal.com/widgets/journalspotlight-home.css
http://stat.livejournal.com/widgets/friendupdates.css
http://stat.livejournal.com/widgets/friendbirthdays.css
http://stat.livejournal.com/widgets/officialjournals.css
http://stat.livejournal.com/widgets/frank.css
[edit] Image References
http://stat.livejournal.com//img/pencil.gif (Quick Links icon)
http://stat.livejournal.com/img/jabber.gif (Writer's Block icon)
http://stat.livejournal.com/img/interests.gif (Journal Comments icon)
http://stat.livejournal.com/img/icon-spotlight-16x16.gif (Spotlight icon)
http://stat.livejournal.com/img/search.gif (Explore icon)
http://stat.livejournal.com/img/Website.gif (Inside LJ icon)
http://stat.livejournal.com/img/icon-track-16x16.gif (Friend Updates icon)
http://stat.livejournal.com/img/gift.gif (Birthdays icon)
http://stat.livejournal.com/img/newsinfo.gif (LJ News icon)
http://stat.livejournal.com/img/goat-back2.gif (Bottom background)
