Cool member directory - addon

The normal member directory is a plain-vanilla table that is perfectly acceptable to the majority of users. However, the ocPortal team came up with the 'Cool member directory' add-on. Since, with the adoption of version 8.0, my site has never been closer to the 'core', I decided to give this add-on a try to assess its merits.

This is what the display changes to. As the name implies, 'Cool', huh?



The problem for me is that my members appear to either forget or ignore that there is a space for them to insert a pic of themselves. Or perhaps they are simply the shy type! Whatever the reason, the display ends up with a lot of 'blank' place-holders which doesn't appeal to my aesthetic demands.

So, I cranked up Photoshop and came up with an alternative. Like so:



I substituted the image thumb__80x80__pad__both__faf5ef__no_image.png that you can find in <yoursite>/uploads/website_specific with the new one, and now I am reasonably satisfied. I think it will display equally as well on a light background, and if anyone wishes to use it, feel free to take the download and enjoy. The image is of my own making, so there is no danger of any copyright issue.

Attachment

replacement image
» Download: 80x80_thumb__80x80__pad__both__faf5ef__no_image.png (14 Kb, 29 downloads so far)

 

Cool, Thanx Fletch
I just might try this addon  

Awesome!  

I've bookmarked this for when I upgrade my live site this weekend.

hmmm I got a error, because there was no image in the upload/web_specific.

look the image what I mean:

Oke after replace the missing file in /uploads/website_specific it give after empty caches the same error

Approved! lol

Thanks for this wonderful idea and free image, Fletch.

I've made a copy of this page and will work on it with V8 sites.

Hey Harry,

The 'no_image' call is in OCF_POSTER_DETAILS.tpl, line 23, and looks like this:

{$SET,AVATAR_URL,{$?,{$GET,fancy_screen},{$THUMBNAIL,{$?,{$I
S_EMPTY,{$PHOTO,{POSTER}}},{$IMG,no_image},{$PHOTO,{POSTER}}}
,80x80,uploads/website_specific,,,pad,both,#faf5ef},{AVATAR_U
RL}}}

#faf5ef is the default background colour set by the developers which you can change to the background colour of your page so that it blends in (I changed my bg to the site colour #395a6f), so that it all sits neatly within the 80x80 thumbnail size that the script builds for you, e.g.



You'll need to hunt through your /uploads/website_specific directory for the 'no_image' file. I think it should have been generated when you activated the add-on, but if it didn't, you can actually insert your own image, but title it the same as the other images already in there following the same convention, e.g.

thumb__80x80__pad__both__395a6f__no_image.png

… the 395a6f is my colour, so you will need to adjust that to the one you changed in OCF_POSTER_DETAILS.tpl for your own site. Also, take note of the DOUBLE underscore character that separates items in the image 'name'.

Does that help?

He Fletch thanks for this explanation. After activated the addon, there was no file in the upload/website_specific (emty) From Chris I got the original image and have placed this. But it has only the name _no_image.png.  I will check the other codes to. I will let you know

Oke have done lijke you say Fletch, but there is no change at all. I see the right template of it, but no image. In the profile I get no the image error reference

Caches?

ocPortal AND browser.

Those are thumbnails and have a habit of 'hanging on'.

 

All cached, but  

I took a look Harry, but I am really out of my depth with this one.

One thing I've noticed is that there is a discrepancy between your JavaScript and mine, the most obvious being that the 'img' isn't being called in your script.

Your JavaScript lamely said

<a onmouseout="if (typeof window.deactivateTooltip!='undefined') deactivateTooltip(this,event);" onmousemove="if (typeof window.activateTooltip!='undefined') repositionTooltip(this,event);" onmouseover="if (typeof window.activateTooltip!='undefined') activateTooltip(this,event,'<table class="tooltip_fields variable_table" summary="Table with headers in left column and values or settings in right column"><tbody>\n      \n         
\n         \n         
\n            <tr><th class="de_th">Age:</th><td><strong>11</strong> (Fri 26 May 2000)</td></tr>\n         \n      
\n      <tr>\n         
<th class="de_th">Usergroups:</th>\n         
<td>RegularLocal hero, </td>\n      </tr>\n   </tbody
></table>','auto');" href="Members - Talkpoint"><img class="ocf_member_box_avatar" src="" alt=""></a>

My JavaScript specifically said

<a onmouseout="if (typeof window.deactivateTooltip!='undefined') deactivateTooltip(this,event);" onmousemove="if (typeof window.activateTooltip!='undefined') repositionTooltip(this,event);" onmouseover="if (typeof window.activateTooltip!='undefined') activateTooltip(this,event,'<table class="tooltip_fields variable_table" summary="Item-to-value mapper table"><tbody>\n      \n         
\n         \n         
\n      \n      <tr>\
n         <th class="de_th">Usergroups:</th>\n         
<td>Member</td>\n      </tr>\n   
</tbody></table>','auto');" href="Member profile of dj1numerouno - Anglo-Indian Portal"><img class="ocf_member_box_avatar" src="http://www.tapmal.com/anglo/uploads/website_specific/thumb__80x80__pad__both__395a6f__no_image.png" alt="" title=""></a>

Perhaps somebody with a bit more insight may be able to throw some light on the matter, and perhaps that is the starting point … ??

Thanks Flesch for your time. Try to search further with this. Maby re-install can help.

After I uploaded the missing image : no_image.pn* to the map themes/default/images  I got the image from Fletch. But no user avatars… On my oher site I got only one user avatar.

I think there is something wrong but don't ask me.  Both sites are V8 final

have found it!!
It are the user photos who have to be uploaded. Now its working!!  


Harry

Harry-S said

 Now its working!!  

Harry

 

I played around with this and I'm using a dark theme (Duck's Dark Marshall)
I uploaded the image then changed this in global.css


So I could have a bit lighter background.
This is the result:


Oh ya, like Harry said : the member has to upload a photo because it doesn't show the users avatar.

nice, look better indeed