HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Cool member directory - addon

Login / Search

 [ Join | More ]
 Add topic 
Posted
Item has a rating of 5 (Liked by TisnartLiked by sholzyLiked by Brian HayLiked by Jean)  
Rating:
#84784 (In Topic #17471)
Avatar

Community saint

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, 95 downloads so far)


 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#84785
Avatar

Well-settled

Cool, Thanx Fletch
I just might try this addon  ;)

Making games is fun…having people play them is the reward!
Back to the top
 
Posted
Rating:
#84787
Avatar

Community saint

Awesome!  :thumbs:

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

Steve
Back to the top
 
Posted
Rating:
#84798
Avatar

Community saint

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

look the image what I mean:



http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#84801
Avatar

Community saint



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



Last edit: by Harry-S


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Item has a rating of 5 (Liked by Fletch)  
Rating:
#84805
Avatar

Community saint

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.

:thumbs:
Back to the top
 
Posted
Item has a rating of 5 (Liked by Jean)  
Rating:
#84806
Avatar

Community saint

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?

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#84820
Avatar

Community saint

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


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#84821
Avatar

Community saint

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


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#84822
Avatar

Community saint

Caches?

ocPortal AND browser.

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

 O_o


Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#84826
Avatar

Community saint

All cached, but  :'(


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#84832
Avatar

Community saint

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 … ??

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#84854
Avatar

Community saint

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


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#84871
Avatar

Community saint

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


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Item has a rating of 5 (Liked by FletchLiked by BobS)  
Rating:
#84873
Avatar

Community saint

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


Harry


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#84879
Avatar

Community saint

Harry-S said

 Now its working!!  

Harry

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#84979
Avatar

Well-settled

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

Code

.lightborder {
   border: 1px solid #222222; /* {$,wizard, 100% lightborder} */
   background-color: #111111; /* {$,wizard, 100% ocf_row2} */

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.

Making games is fun…having people play them is the reward!
Back to the top
 
Posted
Rating:
#85001
Avatar

Community saint

nice, look better indeed


http://digiflash.nl Photo community  (dutch)
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: