24 October 2011 @ 12:03 pm
Sherlock userheads  
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 This is the Sherlock code. For John just change 'Sherlock' to 'John' in the image URL.

Go to Custom CSS and insert the code.

user/comm .ljuser img is the general code which changes the images of both, user and community.

If you want the community image to be different from the user image, use
.ljuser img[src*="userinfo"] or .ljuser img[src*="community.gif"]

For Dreamwidth it's
.ljuser img[src*="user.png"] or .ljuser img[src*="community.png"]
Where will the userhead appear? It's not like the userheads LJ sells that will show in front of only your username, whatever journal you post in.

The userhead will appear in front of every community and/or username (if it's both or just one of them, depends on which code you use [see the table cell above]) where your CSS reaches. You will see it on your journal, but not on your profile and - if you disabled customized comment pages - not on comment pages. You will see see it on other journals if you view them in your style (put ?style=mine at the end of the URL).
Others will only see it when they go to your journal.

ETA: How to make your userheads work correctly
 
 
( Post a new comment )
[identity profile] karadin.livejournal.com on October 24th, 2011 01:09 pm (UTC)
Cool! got it to work!

Edited 2011-10-24 01:10 pm (UTC)
(Reply) (Link)
[identity profile] kim47.livejournal.com on October 24th, 2011 01:51 pm (UTC)
This is awesome, thank you :D
(Reply) (Link)
poetic_self[identity profile] poetic-self.livejournal.com on October 24th, 2011 01:56 pm (UTC)
OH IT'S CHRISTMAS ;D

How awesome is this??!? Thanks so much for sharing :)
(Reply) (Link)
[identity profile] astuta.livejournal.com on October 24th, 2011 03:33 pm (UTC)
So cool, thanks!
(Reply) (Link)
[identity profile] erin-giles.livejournal.com on October 24th, 2011 03:42 pm (UTC)
These are awesome! Thank you for doing them. :)
(Reply) (Link)
[identity profile] sciosophia.livejournal.com on October 24th, 2011 03:44 pm (UTC)
Oh, lovely! Using with credit, thank you :)
(Reply) (Link)
[identity profile] autumnatmidnite.livejournal.com on October 24th, 2011 07:33 pm (UTC)
This is awesomesauce!!! Thank you :D
(Reply) (Link)
snarry_fan7[personal profile] snarry_fan7 on October 24th, 2011 08:10 pm (UTC)
These are awesome. I'd love to be able to use one of them, but I can't get it to work. I already have an LJ layout code in the Custom CSS box. Could that be the problem?~Sophia
fuesch: Doctor Who[personal profile] fuesch on October 24th, 2011 08:35 pm (UTC)
You already have .ljuser img codes in there that are overriding the new code. You need to find the old ones and take them out.
snarry_fan7[personal profile] snarry_fan7 on October 24th, 2011 09:01 pm (UTC)
Sweet. Thanks!~Sophia
snarry_fan7[personal profile] snarry_fan7 on October 24th, 2011 09:24 pm (UTC)
I think I got it working. Just to double check. I have the Sherlock image showing up everywhere, but it's not at the my address bar (usual generic lj user image is there. Is that how it's supposed to be? The image shows up everywhere else on my journal (had to do a lot of deleting before I could have it show up like it should).~Sophia
fuesch[personal profile] fuesch on October 24th, 2011 09:33 pm (UTC)
The CSS is on your journal, so it won't affect the address bar.
snarry_fan7[personal profile] snarry_fan7 on October 24th, 2011 09:45 pm (UTC)
I thought so. Thanks!~Sophia
[identity profile] bwblack.livejournal.com on October 24th, 2011 08:21 pm (UTC)
The code you posts hotlinks. Would you prefer people save the icons and not hotlink? Or is it such a small file and not hosted here that you really don't mind?

They are brilliant, by the way!
fuesch[personal profile] fuesch on October 24th, 2011 08:37 pm (UTC)
Weeeell, I don't mind if people hotlink ...would probably be better if they didn't, because I don't know how much bandwidth there is for my site (although I haven't seen it run out yet). If you want to be safe, better upload them somewhere.
[identity profile] bwblack.livejournal.com on October 24th, 2011 09:33 pm (UTC)
No problem. That is what I assumed. Jut wanted to check in case you had a strong preference the other way!

They are great!
[identity profile] doxxed-up.livejournal.com on October 25th, 2011 12:59 am (UTC)
Oooh, these are great :D thank you!
(Reply) (Link)
[identity profile] yvaine24.livejournal.com on October 25th, 2011 01:01 am (UTC)
This is great! Thank you for sharing.

I managed to install the Sherlock userhead, but I'm not sure where, or how, to credit you.
I'm a total idiot on the technical side of things, but I'm slowly learning stuff.
fuesch[personal profile] fuesch on October 25th, 2011 11:21 am (UTC)
How: <lj user=fuesch>
Where: In the sidebar blurb or in an entry or in your profile.
[identity profile] yvaine24.livejournal.com on October 25th, 2011 02:28 pm (UTC)
Thank you. Credit now on my profile page.
[identity profile] spacemonkeyluvn.livejournal.com on October 25th, 2011 02:03 am (UTC)
Those are so freaking cute! I currently have the TARDIS as my userhead, but I think it's time to mix it up a bit. Sherlock it is!
(Reply) (Link)
[identity profile] trimetilxantina.livejournal.com on October 25th, 2011 03:13 am (UTC)
This is awesome! Thank you so much <3
(Reply) (Link)
[identity profile] ledasdaughter.livejournal.com on October 25th, 2011 10:14 am (UTC)
this is amazing, thank you!
(Reply) (Link)
[identity profile] jerel.livejournal.com on October 25th, 2011 11:27 pm (UTC)
This is so awesome!!! Everyone on my LJ is Sherlock :)
(Reply) (Link)
[identity profile] what-alchemy.livejournal.com on October 28th, 2011 10:43 am (UTC)
I finally got it to work! Thank you!
(Reply) (Link)
[identity profile] rei.livejournal.com on November 7th, 2011 05:05 pm (UTC)
omgomgomg thank you for sharing these ♥ i've used the john one and credited you in my fo post :)
(Reply) (Link)
[identity profile] reidluver.livejournal.com on November 7th, 2011 06:39 pm (UTC)
Thank you!! Will credit. :)
(Reply) (Link)
[identity profile] madrona-8.livejournal.com on November 7th, 2011 08:28 pm (UTC)
Cool, I'm hoping to use John.
I'm using your Sherlock layout. Is there a specific place for me to put this code in the layout CSS?
fuesch[personal profile] fuesch on November 7th, 2011 08:54 pm (UTC)
No, just anywhere will work.
[identity profile] madrona-8.livejournal.com on November 8th, 2011 02:15 am (UTC)
Got it. THANKS!
[identity profile] darsynia.livejournal.com on January 19th, 2012 03:19 pm (UTC)
Totally using these! Thank you!
(Reply) (Link)
[identity profile] mckuroske.livejournal.com on January 20th, 2012 08:47 am (UTC)
These are really cool, thank you. I'm using the TARDIS and the Sherlock one currently - somehow John didn't work with me. :-(
(Reply) (Link)
[identity profile] viherkyn.livejournal.com on March 4th, 2012 09:22 pm (UTC)
Thank you! ^^
(Reply) (Link)
Ateana: scenery-bridge in the tropics[personal profile] oceanandspace on July 20th, 2012 11:11 am (UTC)
So, I've never used a userhead, so I'm a bit lost ^^;;

In the comment, you said that if one already has a custom layout css, one has to change the already present ljuser code.

I'm using your Sherlock "The wall had it coming" Layout, and the only place I found that could match is this:
"/* ------- GENERAL ------- */

.ljuser a, .ljuser a:link, .ljuser a:visited, .ljuser a:hover, .ljuser a:active {
font-style: italic;
}"

But replacing the .ljuser lines with the ones you offered didn't seem to change anything anywhere.

Help? (also, just to be sure, we don't need to buy a subscription or anything with LJ to use userheads? (apart from my paid account) )

(sorry to bother you with all that ^^;; )
fuesch: Sherlock[personal profile] fuesch on July 20th, 2012 11:50 am (UTC)
Don't worry, I'm glad when I can help. :o)

That code you found is only for the text link, so you don't need to replace it.
LJ recently changed something about the userhead code :o/. I just changed the code in this entry, so copy and paste that again. And replace .ljuser img with .ljuser img[src*="userinfo.gif"], .ljuser img[src*="community.gif"] (otherwise it won't work properly).

Nah, bought userheads work differently. They only show in front of the username of the person who bought it.

Edited 2012-07-20 11:52 am (UTC)
Ateana: scenery-castle in the clouds[personal profile] oceanandspace on July 20th, 2012 12:28 pm (UTC)
Got it, thanks!
[identity profile] grypas.livejournal.com on September 21st, 2012 02:10 pm (UTC)
Ummmm... I pasted your new code but I don't have the Sherlock userhead anywhere. It worked well some time ago but I can't make it work now... I see a few different userheads but not Sherlock.

ETA I bought it!

Edited 2012-09-21 03:28 pm (UTC)
fuesch[personal profile] fuesch on September 22nd, 2012 01:32 pm (UTC)
Since LJ did that update, using only .ljuser img doesn't work anymore. You need to have a square bracket after it, like so:

.ljuser img[src*="userinfo.gif"], .ljuser img[src*="community.gif"]
[identity profile] grypas.livejournal.com on September 23rd, 2012 08:07 am (UTC)
It's all right. I bought it from lj. I didn't know I could find it there too.
[identity profile] grypas.livejournal.com on September 21st, 2012 02:13 pm (UTC)
I would like to stop hot-linking and upload everything somewhere. Where do you suggest I upload them?(I'm really illiterate when it comes to these things)

Since I'm editing posts today what files should I upload?

Edited 2012-09-21 03:31 pm (UTC)
fuesch[personal profile] fuesch on September 22nd, 2012 01:42 pm (UTC)
Hm, I don't know which image hosts are good. I guess for small pictures Photobucket would do, but they resize big pictures (no idea if they still do that). I think even with a basic account people now have a gallery to which they can upload up to 1GB.

Sorry to be stupid, what do you mean by 'what files'?
[identity profile] grypas.livejournal.com on September 23rd, 2012 08:06 am (UTC)
No you're not stupid, my English isn't really that good. I don't even understand what I wrote.

I'm asking about the photos from your layout that I should link to. I'll have to find the urls in the code. Upload them and then change the url in the code...
fuesch: Sherlock[personal profile] fuesch on September 27th, 2012 03:49 pm (UTC)
Sorry, late reply - I'm forgetful!

There are three pictures
http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/bg.jpg
http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/shadow.png
http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/white3percent.png
in the layout, but they're in the CSS more than that. The easiest thing to do is to use the search function and look for "url(".
[identity profile] tenderly-wicked.livejournal.com on October 15th, 2012 10:08 am (UTC)
These are great! Thank you so much! Credited you in the sidebar of my blog.
(Reply) (Link)
[identity profile] 7seva100pol.livejournal.com on November 14th, 2013 09:16 am (UTC)
Thanks a lot for this userhead!)
(Reply) (Link)