Help - Search - Members - Calendar
Full Version: How to change the default images
Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics
scribbledhearts
Is there a way to change the default photos used for:
1) Moods?
2) Friend-locked entries? (Normally this image: )

Thanks in advance
libertie
Unfortunately, neither of those things has a class assigned to it, so unless you have a Paid account, you won't be able to change those things. :(
scribbledhearts
So something like this would require a paid account?

(custom mood photo)
libertie
Yesma'am. _smile.gif
Mulder
actually, no. well, sort of. You need to switch to a plus account temporarily too add a mood theme, which is explained here

and you can code for all icons, such as the lj-user icon or the friends-lock icon using css in any S2 style. (I assume).
libertie
The user icon possibly, but not the lock - there's no class assigned to it, and there's no class assigned specifically to protected entries. Since the user icon is assigned the class "ljuser", the image can be hidden and then replaced with a background image, but if you were to try to replace the lock, the best you'd get is changing every single entry on the page to have that image, even public entries.

The Plus account thing makes sense, seeing as how Plus accounts have many of the same features as Paid accounts, but I was unaware that the mood theme would stay if you were to revert back to basic. I wonder how long it will be before LJ decides to fix this.
Mulder
in S2 you can change all the images separately - there is a class assigned to each icon.

I pulled this from my own code (though I didn't make it)
CODE
    img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
        width: 0;
        height: 0;
        padding: 0 0 10px 7px;
        background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/plock.gif);
        }

    img[src="http://stat.livejournal.com/img/icon_private.gif"]{
        width: 0;
        height: 0;
        padding: 0 0 10px 7px;
        background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/plock.gif);
        }

obviously you would replace the image with your own
libertie
Ah, I see - that's not a class, but it calls the specific image based on its URL rather than a defined class. I tested it, and it works in S1 as well. Crazy CSS tricks these kids are coming up with these days.

You don't learn these things when you're coding actual sites, because you don't have to break the page in order to get it to look the way you want it to. xD
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.