fuesch
22 June 2012 @ 01:31 pm
Okay, after helping lots of people with their userheads I think I have now identified every problem and how to fix it.

1. To get the lines working you need to have !important before every semicolon.

2. I've seen codes where width and height are in the general .ljuser img code, but not in the ones specifically for user and community. Always add width and height!

3. Don't use the general .ljuser img code. If you do, you'll only get the standard userheads over your custom ones.

4. You could have old URLs for your user and community userhead codes. Start your codes with .ljuser img[src*="userinfo"] and .ljuser img[src*="community.gif"]. No matter where LJ put their userheads, the asterisks make sure that your override works as long as LJ keeps the pictures named "userinfo" and "community".


In conclusion, this is what your userhead codes should look like:

.ljuser img[src*="userinfo"] {
width: 0px !important;
height: 0px !important;
padding: YOUR NUMBERS HERE !important;
background: url(YOUR IMAGE URL) no-repeat !important;
}

.ljuser img[src*="community"] {
width: 0px !important;
height: 0px !important;
padding: YOUR NUMBERS HERE !important;
background: url(YOUR IMAGE URL) no-repeat !important;
}


Edit (February 15, 2017): For Dreamwidth it's
.ljuser img[src*="user.png"] or .ljuser img[src*="community.png"]
 
 
fuesch
19 June 2012 @ 01:51 pm
If you're suddenly having problems with the display of custom-CSS userheads, just add !important before every semicolon in your userhead codes. Like so:

.ljuser img[src*="userinfo"] {
width: 0px !important;
height: 0px !important;
padding: 13px 0px 0px 12px !important;
background: url(http://fatfrog.info/Ma/A/layout/meins/ljuser.png) no-repeat !important;
}


If that doesn't do the trick, check out the comments here.
 
 
fuesch
19 February 2012 @ 08:34 pm
     
     

Edit (February 15, 2017): Now also with instructions for Dreamwidth.

CSS )
 
 
fuesch
02 January 2012 @ 12:22 am


Edit (February 15, 2017): Now also with instructions for Dreamwidth.

CSS )
 
 
fuesch
02 December 2011 @ 08:08 pm


Edit (February 15, 2017): Now also with instructions for Dreamwidth.

CSS )
 
 
fuesch
25 November 2011 @ 04:59 pm


Edit (February 15, 2017): Now also with instructions for Dreamwidth.

CSS )
 
 
fuesch
14 November 2011 @ 12:38 pm
       

Edit (February 15, 2017): Now also with instructions for Dreamwidth.

CSS )
 
 
fuesch
30 October 2011 @ 10:10 pm
You know what the world needs? An Abby userhead! Because everyone loves Abby, am I right?



Edit (February 15, 2017): Now also with instructions for Dreamwidth.

CSS )
 
 
fuesch
24 October 2011 @ 12:03 pm
I hope John is recognizable. Sherlock obviously is, but would you know John is supposed to be John if you only saw the picture with no mention of what fandom this userhead is for? Also, as much I like beige and I know people are pretty fond of the jumper, but I didn't want John to be monochromatic.

 

ETA: Now with even more info (see new table row)!
Edit (February 15, 2017): Now also with instructions for Dreamwidth.

CSS )
 
 
fuesch
Looks, it's not a layout! Can't always be a layout, right? And userheads can't always be heads:

 

ETA: Now with even more info (see new table row)!
Edit (February 15, 2017): Now also with instructions for Dreamwidth.

CSS )
 
 
Current Music: Doctor Who Confidential