[DW] Profile link icons update.

[matgb]

In my Monday post about icons, I gave replacement codes for the 5 icons that DW commonly uses as well as the 3 that LJ commonly uses. I missed one that DW uses, namely direct links to LJs using the new custom site code.

If you didn't know, rather than the old [lj-user="matgb"] code, DW has replaced it with [user name="matgb"], ie removing the LJ bit given, obviously, it's not on LJ. But cunningly, they've also added another option, if you code [user name="matgb" site="livejournal.com"] it will link to matgb on LJ, not DW. And it'll take the LJ usericon from the LJ server as well.

Which would be cool. Except it doesn't auto-discover whether it's a person, community or feed. So my post Tuesday mentioning the Russian President's blog displayed it as a person, not as a community. Which I think is slightly unintuitive and misleading. So I've fixed that.

.ljuser img[src="http://www.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://www.livejournal.com/img/pencil.gif); padding: 17px 17px 0 2px !important; } I've added another bit of code for DW so that off-site links to LJs instead display the LJ pencil, to show it's something on LJ, not a bloke regardless of what it is on LJ. So, if you look at this post on DW using my style, it'll show the little pencil when I repeat the link. Look: blog_medvedev. I suspect I could keep doing these for ages—if you regularly link to IJ, WP, JF or whatever people, y'know what? Sort your own code out, ask me if you need help.

Comments

[rho]

There are plans afoot to make it so that (for instance) commuities on LJ get the right link. I think the basic plan is that the first time an LJ username is encountered, we look it up to see what type of account it is, then store that in a database somewhere so that for all subsequent calls we can just use the right icon without having to hit up LJ again. Blah blah standard disclaimer etc.

[hollybee]

Hey Mat...

I gave your code a go in mine to see what all you did and how it works, but it gives me a large square with the LJ pencil showing repeatedly. Any ideas?

[matgb]

Possibly—can you give me a link to where it's happening so I can look? None of the posts or comments I can see have a problem.

Actually, the CSS overall on your layout is doing weird things to colours, I can barely read a lot of the text, especially links—I'm guessing there's a clash somewhere; did you put the whole code in or just the stuff in the box above?

[drjon]

That's bloody awesome. Well done.

JQP

[bard]

This is off to one side a bit:

Aha! I believe I may have found my syndication fairy? Complimentary, all the more so since it's you! Glad to have found you on here.

Re: JQP

[matgb]

Heh, yes, that was either me or miss_s_b (Jennie on LC), we both use LJ/DW as our main feedreader—'twas her and Laurie that kept promoting your stuff at me. (I have a couple open in another tab for stuff, not sure yet if I can get the post in my head to cohere into anything)

[matgb]

I've stripped all the code out as I haven't updated it for all the off sitesites that're now doable on DW, but am storing my current code below for reference and return.

.ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url(http://pics.livejournal.com/miss_s_b/pic/000fxssg); padding: 19px 15px 0 2px !important; } .ljuser img[src="http://s.dreamwidth.org/img/silk/identity/user.png"] { background-color:transparent; background-image: url(http://dammitja.net/lj/opp/drwho06.gif); padding: 19px 15px 0 2px !important; } .ljuser img[src="http://s.dreamwidth.org/img/silk/identity/community.png"] { background-color:transparent; background-image: url(http://pics.livejournal.com/miss_s_b/pic/000fzf79); padding: 18px 11px 0 2px !important; } .ljuser img[src="http://s.dreamwidth.org/img/silk/identity/feed.png"] { background-color:transparent; background-image: url(http://pics.livejournal.com/miss_s_b/pic/000fxssg); padding: 18px 15px 0 2px !important; } .ljuser img[src="http://s.dreamwidth.org/img/silk/identity/user_staff.png"] { background-color:transparent; background-image: url(http://dammitja.net/lj/opp/drwho05.gif); padding: 18px 15px 0 2px !important; } .ljuser img[src="http://s.dreamwidth.org/img/silk/identity/openid.png"] { background-color:transparent; background-image: url(http://dammitja.net/lj/opp/flibble.gif); padding: 18px 15px 0 2px !important; } .ljuser img[src="http://s.dreamwidth.org/img/external/lj-userinfo.gif"] { background-color:transparent; background-image: url(http://www.livejournal.com/img/pencil.gif); padding: 17px 17px 0 2px !important; }