Tip: Calls to action to members based on Sign-Up answers

[SweetPotato]

Hi all

This tip is kind of similar to Jen's tip on inserting messages to all members on their profile page.

However, what i wanted to do here was target specific member types, in this case Legal Recruiters, with a 'call-to-action' that applied only to them (I did search but couldn't find anything similar - apologies if it's out there already)

I wanted an icon prompting them to post jobs inserted on profile pages of members that answered my profile question "Type of Member" with the answer "Legal Recruiter".

This code does just that, and goes in your custom code box:

<script type="text/javascript">
x$(document).ready(function() {  
    if (x$('.module_about_user dl dd:contains("Legal Recruiter")').length > 0) {
        x$('.module_user_thumbnail').after('<div style="width:173px;background:transparent;padding-left:6px;"><a target="_blank" href="http://yourURL.com"><img class="align-full" src="http://yourURL.com/image.png" /></a></div>');
    }
});
</script>

What we're doing here is looking for specific content with the Profile Information module (module_about_user dl dd) on each member's profile page. The highlighted blue designates this, in this example Legal Recruiter.
Once we've determined this we're inserting something after the profile avatar picture (.module_user_thumbnail) in this instance some html that styles a div, inserts a picture (http://yourURL.com/image.png) that links to a specific url (http://yourURL.com).

You can see it in action here. And to make sure it works and not displaying elsewhere, not in action here.

This script could be adapted for all sorts of things, including additional categories for members that already have the one category assigned to them using the recently launched Ning category badges.

Hope this is of use

SP

More tips on my page

[Hugh]

Done already!

[Hugh]

May I ask how you get the rounded corners on your module headers on Defero? And also the member search page? (BTW my site is not for profit).

[SweetPotato]

Ha ha, is that to say you'd never pay for assistance? I'm a 'for profit' myself but I'll dig out the code at some point. :-)
Btw, just realised you're the Harringay Online chap - I live in Crouch End, small world. I had coffee with Adrian from opinion8 recently. Interesting guy.
SP

[Hugh]

Not so much that, rather to let you know that I'm not seeking to make money off your brilliance!

Yes, I'm the HoL guy. Bloody small world, eh. Adrian used to be a HoL member and after a couple of years decided to try it himself your side of the tracks.

I helped Richard set up the Bowes & Bounds site on Ning. That's a nice little site. MUch smaller that HoL, but with a great community feel.

If you ever get a chance to dig out the code, it'll go to a good home!

[SweetPotato]

Will do

[SweetPotato]

rounds the module itself:

.xg_theme .xg_module {
    margin-bottom:15px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

Makes sure the module head looks rounded as well:

.xg_theme .xg_module_head {
border: none;
margin:0px;
padding-left:5px;
border-radius:4px 4px 0px 0px;
-moz-border-radius:4px 4px 0px 0px;
-webkit-border-radius:4px 4px 0px 0px;
}

SP

[Hugh]

Thanks SP.

[SweetPotato]

welcome

[Ed]

This is an incredible tip. Can't believe I missed it. Thanks SP

P.S. Some great bespoke redesign projects as well.

[SweetPotato]

You're welcome, Ed. Hope you find a good use for it.
SP

[SweetPotato]

you're welcome, a not-used-enough-tip if you ask me :-)