Tweak

InsaneJournal

Tweak says, "Me. Two beers. I'm thirsty. "

Username: 
Password:    
Remember Me
  • Create Account
  • IJ Login
  • OpenID Login
Search by : 
  • View
    • Create Account
    • IJ Login
    • OpenID Login
  • Journal
    • Post
    • Edit Entries
    • Customize Journal
    • Comment Settings
    • Recent Comments
    • Manage Tags
  • Account
    • Manage Account
    • Viewing Options
    • Manage Profile
    • Manage Notifications
    • Manage Pictures
    • Manage Schools
    • Account Status
  • Friends
    • Edit Friends
    • Edit Custom Groups
    • Friends Filter
    • Nudge Friends
    • Invite
    • Create RSS Feed
  • Asylums
    • Post
    • Asylum Invitations
    • Manage Asylums
    • Create Asylum
  • Site
    • Support
    • Upgrade Account
    • FAQs
    • Search By Location
    • Search By Interest
    • Search Randomly
Suzaku Kururugi ([info]black_as_knight) wrote in [info]marina_ooc,
@ 2009-07-18 01:16:00
Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Making Your IJ Site Scheme Less Ugly
First, go here; Sherlock has it all very neatly laid out, IMHO. The steps we're most interested in at the moment are 6 and 8.

1. Replacing IJ's default icons

This is accomplished via step 8 on Sherlock's journal. If you've got Firefox, download Stylish, an add-on for it that makes editing your user stylesheet much easier. (Do a Google search for "firefox add-on stylish"; it should be the first match.) Otherwise, you'll have to locate your user stylesheet and paste it in there manually, preferably at the very end, so that it'll be easy for you to find if anything goes wrong. (You can also load the Greasemonkey version of her script by being sneaky in Opera.)

If you feel ambitious, you can make your own icons to replace hers -- or do a Google search for tiny LJ replacement icons, then do a find-and-replace with the links.

ETA: This fix very deliberately only changes the icons on pages using IJ's site scheme -- it does not change the icons you'll see if you look at a page of your own journal. This is so that you'll be able to see the custom icons that you or other users may have made to complement specific journal layouts.

If you don't care about layout-matching icons, you can replace all of the text in your "InsaneJournal Simple Icons/Images Skin" with the following:




2. Choosing and Tweaking Your Site Scheme

A slightly meatier section. Sherlock's CSS tweaks are here.

The site schemes I personally find most palatable are Worksafe, Dramatic, and Monodramatic. I like them because they come in Sidebar and Dropdown versions, and because they all have a white background for the main text area. But Sherlock's fixes definitely help. (Sherlock hasn't offered a Greasemonkey option, although I'm sure it's possible...)

If you like Worksafe best, just use Sherlock's script as is. If you prefer Dramatic, change the background color where she's commented it to "#da7125"; if you prefer Monodramatic, "#383838". You can then do a search for "#dbd5b7", and change it to "#c1c1c1" for Monodramatic. For Dramatic, I believe you can remove both sections of code. (She says so on the second one; I can't figure out what the first one is changing.)

Finally, at the bottom of her code but before her final }, insert the following to get rid of "Tweak", IJ's site mascot:

#IJ-sitepage-tweak #tweak-pic {
background: none !important;
}/* removes tweak picture */

#IJ-sitepage-tweak #tweak-says {
display: none !important;
}/* removes quote (tweak says)*/

Obviously, if you only want to remove the image, delete the last line; if you only want to remove the text, delete the first three lines.

...and there you have it! Questions?

(Read comments)

Post a comment in response:

From:
( )Anonymous- this user has disabled anonymous posting.
( )OpenID
Username:
Password:
Don't have an account? Create one now.
Subject:
No HTML allowed in subject
  
Message:
 

Home | Site Map | Manage Account | TOS | Privacy | Support | FAQs