vettysazzy: (Default)
vettysazzy ([personal profile] vettysazzy) wrote on September 11th, 2010 at 04:09 pm
Look!!

[livejournal.com profile] sazz_k <<< I've got a little Dr. Horrible icon for userheads on my LJ :D

Props to [livejournal.com profile] 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 ^_^
 
( Read comments )
Post a comment in response:
This account has disabled anonymous posting.
If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting