Look!!

[vettysazzy]

sazz_k <<< I've got a little Dr. Horrible icon for userheads on my LJ :D

Props to babytest, because my CSS skillz are non-existant and without this awesome tutorial I never would have been able to do this :)

(Note: If you're viewing this on your Flist, it'll look like the normal userhead to you. You'll have to come over to my journal to see the awesome nerdiness ^_^ )

Code in case anyone else is interested:

* html span.ljuser{
background-image: url("http://img829.imageshack.us/img829/6960/userhead.gif") !important;
background-repeat: no-repeat;
background-position: left middle;
padding: 0px 16px 16px 0px !important;
}
* html span.ljuser img{
visibility: hidden;
}

/* icon for users */
.ljuser img[src*="userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url("http://img829.imageshack.us/img829/6960/userhead.gif") !important;
padding: 16px 16px 0 0 !important;
}

Just paste that into your Custom CSS and you'll get the Dr. Horrible icon ^_^

Comments

[idioticonion.livejournal.com]

Hahahaha! I love the little goggles! That's genius!

[sazz-k.livejournal.com]

Hehe, thanks! Now I need to decide what to have for the community icons...

[smthwallflower.livejournal.com]

Oh awesome!!! Ah!!! <3

That's so sweet. But at first I was like, dude, that looks normal....

I wanna!

[sazz-k.livejournal.com]

If you paste this into your custom CSS, you'll get it:

* html span.ljuser{
background-image: url("http://i911.photobucket.com/albums/ac314/sazzk/userhead-1.gif") !important;
background-repeat: no-repeat;
background-position: left middle;
padding: 0px 16px 16px 0px !important;
}
* html span.ljuser img{
visibility: hidden;
}

/* icon for users */
.ljuser img[src*="userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url("http://i911.photobucket.com/albums/ac314/sazzk/userhead-1.gif") !important;
padding: 16px 16px 0 0 !important;
}

[smthwallflower.livejournal.com]

Love it. Love it, love it, love it. :D

[jamie55.livejournal.com]

That is epic!
Hehe!
Bravo to you!

[sazz-k.livejournal.com]

Thanks!! :D

[pikka.livejournal.com]

Sneaking in from idioticonion's journal. It's so adorable! :D I'd love to use it as well, if you don't mind. ♥

[sazz-k.livejournal.com]

Go right ahead! Dr. Horrible will take over the world LJ! :D

[billyz-buddy.livejournal.com]

I love this!
{steals}

[sazz-k.livejournal.com]

:) It's pretty awesome, isn't it?

[billyz-buddy.livejournal.com]

oh yesh....
:D