[DW] Profile link icons update.

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.

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.

S	M	T	W	T	F	S
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31

Stuff and nonsense

NetworkedBlogs

Blog:

Mat Bowles

Topics:

politics, humour, miscellania

Follow my blog

I'm the Chair of the Brighouse branch of the Liberal Democrats & the membership secretary for Calderdale Lib Dems and run the web campaign for the local candidates. I have a job, a stepdaughter and a life.

Here's the legal text:
Printed by Dreamwidth LLC, Maryland, USA. Published and promoted by Mat Bowles (Liberal Democrat) of Brighouse, West Yorkshire.

Flat | Top-Level Comments Only

From:

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.

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.

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)

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;
}

Mat Bowles

Dreaming in Digital