Dynamic Memberlist 3.0

Started by Antechinus, March 19, 2009, 11:50:07 AM

Previous topic - Next topic

Antechinus

Link to Mod

Dynamic Memberlist 3.0
by Antechinus

Note: It is recommended that you do not install this mod on the Ant's Mutant Curve theme.
That theme includes similar functionality in default form, which this mod would conflict with.


This modification (for SMF 2.0 only) completely replaces the standard SMF Memberlist.template.php,
as well as making substantial alterations to the buddies list and ignore list in Profile.template.php,
and to the who's online list in Who.template.php.

This mod replaces the old tables of member details with styleable blocks that stack to fit screen width.

RTL languages are fully supported, without requiring any code in rtl.css.

Usernames at the top of member blocks will be cropped if they are over 22 characters long.

The only image included is default_avatar_block.png, for members who do not have an avatar.
This default avatar is 240x240 px, so it will not pixellate on high density displays.
Change this image to anything you like, keeping the same name for the new image.

Avatars are clickable and will redirect to the member's profile (if allowed) or to the login page.
By default the member blocks will display avatars up to 120px wide by 120px high.

This mod includes CSS to resize avatars to the desired size in the member blocks.
The CSS is commented so that people can easily adjust block sizes and avatar sizes.

Look for the following code if you wish to change the width of the blocks:

.member_block .reset {
   /* Sets the overall width of the blocks. */
   width: 155px;
   background-image: linear-gradient(to top, #E3EDF7 0, #fff 100%);
   border-radius: 6px;
}

Look for this code if you wish to change the displayed size of avatars:

.avatar_block {
   /* Make this slightly taller than maximum avatar height. */
   height: 125px;
}
.avatar_block .avatar {
   width: auto;
   height: auto;
   /* Adjust these to suit preferred maximum avatar size. */
   max-width: 120px;
   max-height: 120px;
}

Please note that this mod is not compatible with other memberlist mods. These must be uninstalled.

This mod is licensed under the WTFPL, which is a legally recognised and completely valid license.

If the possibility of seeing profanity means you would prefer to not read the actual license terms, rest assured that you can do whatever you like with this mod's code.

Enjoy.


Complete revamp: Version 3.0 for SMF 2.0.10 on August 31, 2015.

Version 2.0.7 for SMF 2.0.7 on June 14, 2014.
Version 2.0.6 for SMF 2.0 Final on June 11, 2011.
Version 2.0.5 for SMF 2.0 RC4 on November 27, 2010.
Version 1.1.1 for SMF 1.1.11 on March 19, 2010.
Version 2.0.4 for SMF 2.0 RC3 on March 18, 2010.
Updated for SMF 2.0 RC3 on March 15, 2010.

Updated for SMF 2.0 RC1.2 on July 19th, 2009.

       
  • Block background image changed to a png for better compression.
  • Memberblock_images.zip added to the download page.
  • Memberblock_images.zip contains a PSD (dark and light defaults) plus png images for the Outline and Mystic Jade themes.
  • Turkish language strings added ( thanks to [Daydreamer] ).

Marcus Forsberg

Finally this got approved. Fantastic version of my idea. Love it. Incredible!

PfalzNacht

Hi Antechinus!

Can you please make an memberlist_bg.gif for the Outline Theme?

Dejv

Hi,
This looks very nice, worth trying out.
Thanks
SMF 1.1.20

Joe N

Is this avadible for smf 1.1.8
Microsoft: "We Need to Imagine Life Without Walls."
I Say: "If There are No Walls Who needs Windows."



My Mods (6) All My Mods Updated To SMF 2.0 RC2 and SMF 1.1.10!


Marcus Forsberg


bullbreedluverz

looks cool antechinus, ill give this a test drive

Antechinus

Quote from: WBA Dude on March 19, 2009, 02:31:29 PM
Is this avadible for smf 1.1.8
Nope. I'm not in a hurry to do it for the 1.1.x series either. Frontwards going we are, young padawan.  ;)

Look on the bright side. As soon as SMF 2 is final you'll want it. Coz it's better. You'll also want groovy mods for it, coz you like to be a bit different. This means you want people to make them, and if they spend time making things for 1.1.x they'll have less time to sort things for SMF 2.

All my energy is going into SMF 2 at the moment. Once that is thoroughly sorted I may look at the antiques just for a giggle. Don't hold your breath on it though.

Quote from: The Crusader on March 19, 2009, 11:57:54 AM
Hi Antechinus!

Can you please make an memberlist_bg.gif for the Outline Theme?
Yep, I can do that. I'll knock one up when I get a chance. Everyone just remember that I wont be able to do them for every theme under the sun. I'll sort a couple of psd's though, so that should make things easier to customise.

islam2hamy


Arabic Translator - Web Designer
My Mods / My Themes  //  GfxLand





Bancherd

Testing this on my local setup, nice!   Will definitely use for my live site.  :D

Antechinus

#10
Quote from: The Crusader on March 19, 2009, 11:57:54 AM
Hi Antechinus!

Can you please make an memberlist_bg.gif for the Outline Theme?
Done. Attached to the OP. Enjoy.  ;)

For Outline I suggest using this for the style.css:

/* Custom classes for the Dynamic Memberlist mod */
.mlist_table
{
    width: 100%;
    max-width: 1193px;
margin-top: 10px;
}
.mlist_table a:link, .mlist_table a:visited
{
    text-decoration: none;
}
.mlist_table a:hover
{
    text-decoration: blink;
}
.underline a:hover
{
    text-decoration: underline;
}
.mlist_blocks
{
    background: url(images/memberlist_bg.gif ) center center no-repeat;
width: 169px;
height: 280px;
float: left;
text-align: center;
padding: 6px 0 0 0;
}
.mlist_header
{
    height: 21px;
max-width: 145px;
background: none;
    padding: 13px 0 0 0;
margin: 0 13px 0 13px;
font-weight: bold;
overflow: hidden;
}
.mlist_avatar
{
    height: 150px;
width: 125px;
margin: 6px 22px 7px 22px;
overflow: hidden;
}
.mlist_group
{
    width: 139px;
margin: 0 15px 0 15px;
overflow: hidden;
height: 17px;
}
.mlist_details, .mlist_icons
{
    width: 125px;
line-height: 1.2em;
margin: 0 22px 3px 22px;
}


The default line height is a bit much for this area. You may wish to also try font-weight: normal; for the details and icons classes. 

Sudhakar Arjunan

Quote from: Antechinus on March 20, 2009, 10:49:27 PM
Quote from: The Crusader on March 19, 2009, 11:57:54 AM
Hi Antechinus!

Can you please make an memberlist_bg.gif for the Outline Theme?
Done. Attached to the OP. Enjoy.  ;)

For Outline I suggest using this for the style.css:

The default line height is a bit much for this area. You may wish to also try font-weight: normal; for the details and icons classes. 

Hi Antechinus,

I have applied this code on my outline theme and it worked perfectly.

I need your help in using this code for  OverView,ds-natural and x-mas or could i use the same code to display it on all themes.

And will it be possible that the frames and border like in default theme.
Working on New Mods & Themes for SMF... Will update soon... My Blog page
My Smf forum : Discuss ITAcumens :: My SMF Forum

Antechinus

The css is basically the same for all themes. Just add it to the end of the style.css. The frame is a gif image. If you want a different one just make it yourself in Photoshop or GIMP or whatever.

C4G-TK

This is probably a dumb question, sorry, but what happens if someone has more than 16 characters in their name?

-img removed-

Antechinus

The remaining characters wont be displayed. Hidden overflow means they get hidden. If you want them displayed you can do that but you'd need to make a wider block image, which isn't hard to do, and adjust the width settings in the css.

C4G-TK

Cool, I just installed it.

I went ahead and uninstalled two other mods first since this seems to incorporate those (Last Post on Memberlist/Last Active on Memberlist)

-img removed-

Antechinus

It will sort members by last active but it wont actually display their last posts. Mind you it would be simple to add a direct link from a member's block to the posts area of their profile.

C4G-TK

On the mod picture, what is the "posts" after "last active"?  Does it sort by the last post date?  That's what I was looking for...

-img removed-

Antechinus

That just sorts by number of posts made. It's a standard SMF feature on 1.1.8 and RC1. I don't mind adding a few more functions to the mod if people want them as it's simply a couple of minor changes to the arrays in Sources/Memberlist.php

The only thing that would be a problem is that the sorting options bar is already rather full and I'd like to retain scalability for narrower screens.

ETA: Of course if there are some standard sorting options that you don't want, and you'd like to replace them with ones you do want, I'm happy to advise on that too.

C4G-TK

Nah, this is a great looking mod.  I was wondering why the other mod hadn't been updated to RC1 and now I don't have to ask.   ;D

-img removed-

Advertisement: