Tutorial 8
This tutorial will allow you to change the lock and eye icons that accompany protected and private posts. Note that this will NOT work in Internet Explorer - you will need to be using an alternate browser (like Firefox, Netscape, or Opera) to see this effect. IE users will see the default security icons.
Requirements:
Any LJ account (free, paid, or otherwise); an image host; an alternate browser.
To Start:
In your favorite image program, create two 16x16 pixel images - one for protected entries and one for private entries. Once you have created the images, save them and upload them to your image host.
Overrides:
.caption img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 16px 16px 0;
background: url(http://yourdomain.com/lock.gif);
}
.caption img[src="http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 16px 16px 0;
background: url(http://yourdomain.com/eye.gif);
}
These codes should be added to your existing GLOBAL_HEAD or LASTN_HEAD overrides.
Editing:
Replace the bold URLs in the above code with the URLs to your own lock and eye images.
Permalink + Add to Memories