You are not connected. Please login or register

FMCodes • All-in-one Webmasters community » Coding Community » Template Editing Forumotion » Templates Editing Tutorials » Memberlist page in boxes

Memberlist page in boxes


+15 mariok Luke Ross Wolf Skulduggery Pleasant YoshiGM OLC CREATORS King Night See Eslam Love dumitrache.ionut.3 Root Finery Workshop DooGy00 sican73 Charisma Clash Niko 19 posters

#1 - Posted Mon Jun 30, 2014 2:43 pm

Niko

Forum Administrator

Team contributor
You have been part of the community team

Community veteran
You belong to this community since its ancient time

Active Contributor
The user has wrote more than 100 posts and comments

Passioned user
You have participated in 50+ different topics, a true fan!

Post lover
You have liked more than 50 posts!

Beta Tester
You have been part of the Beta-Testing team

Forumotion expert
This user is an expert with Forumotion free forum hosting

10th Anniversary (Grand Re-open)
Thanks for being part of our grand re-opening

Merry Christmas 2022
Thanks for having been with us during Christmas season!

Forum Writer
You have opened more than 20 topics on the forum

The Life of the Party
You have made more than 20 members in our community, wow!

Members Guru
You have received more than 50 likes on your posts. Our members really what you have to say!

Posts :

Points :

Memberlist page in boxes

Overview

Description

Have a different style for your memberlist page with boxes instead of the regular table for your Forumotion forum!

Demonstration

Technical limitations

› This tutorial is dedicated to the forums powered by Forumotion free forum service
› Requires to be the Founder of the #Forumotion Forum
› It works with all Forumotion forums' versions
› It only works with PhpBB3/PhpBB2/PunBB/Invision/AwesomeBB/ModernBB Forumotion forums' versions

Installation

Introduction

General remarks or considerations about the installation

CSS

In order to design the style of the resource, you need to go towards Administration Control Panel (ACP)  Display  CSS & Colors  CSS Style Sheet and add append the following code:

You need to reply to the topic in order to see the code resources

CSS Customization

Code:

#member_list div

refers to the table element itself
Code:

#member_list img

refers to the user avatar

Additional customization is possible through the use of css .classes

HTML Content & Templates Modification

For the last step you need to go towards Administration Control Panel (ACP)  Display  Templates  General - memberlist_body and modify its content:

Find this snippet:

Replace with:

Notes

	Approved by	Niko
	Approved on	June 30th, 2014
	Tested on	All browsers - All forum versions
	Difficulty level	 / 
	Source	Ea @ French support forum for Forumactif

Last edited by Niko on Wed Jan 19, 2022 4:47 pm; edited 1 time in total

#2 - Posted Fri Aug 15, 2014 6:16 am

Charisma Clash

Community veteran
You belong to this community since its ancient time

Forum member
Belongs to the community of FMCodes

Posts :

Points :

Gonna check this out

#3 - Posted Wed Sep 10, 2014 4:35 am

sican73

Climbing user
You have participated in 20+ different topics, keep it up!

Community veteran
You belong to this community since its ancient time

Forum member
Belongs to the community of FMCodes

Posts :

Points :

thank's

#4 - Posted Sat Dec 20, 2014 6:18 am

DooGy00

Passioned user
You have participated in 50+ different topics, a true fan!

Active poster
The user has wrote more than 50 posts

Community veteran
You belong to this community since its ancient time

Posts :

Points :

thx

#5 - Posted Wed Feb 11, 2015 8:01 pm

Finery Workshop

Community veteran
You belong to this community since its ancient time

Forum member
Belongs to the community of FMCodes

Posts :

Points :

Thank you :3

#6 - Posted Sun Feb 15, 2015 11:37 am

Root

I'm a new member

Community veteran
You belong to this community since its ancient time

Forum member
Belongs to the community of FMCodes

Posts :

Points :

Thanks you :3

#7 - Posted Sun Mar 08, 2015 1:45 pm

dumitrache.ionut.3

Community veteran
You belong to this community since its ancient time

Forum member
Belongs to the community of FMCodes

Posts :

Points :

thx

#8 - Posted Sun Mar 08, 2015 3:37 pm

Eslam Love

Community veteran
You belong to this community since its ancient time

Climbing user
You have participated in 20+ different topics, keep it up!

Forum member
Belongs to the community of FMCodes

Posts :

Points :

thanks

#9 - Posted Thu Jun 25, 2015 6:32 am

King Night See

Forum member
Belongs to the community of FMCodes

Community veteran
You belong to this community since its ancient time

Posts :

Points :

Thanks

#10 - Posted Mon Jun 29, 2015 7:20 pm

OLC CREATORS

Climbing user
You have participated in 20+ different topics, keep it up!

Community veteran
You belong to this community since its ancient time

Forum member
Belongs to the community of FMCodes

Posts :

Points :

Thanks.
i will check it....

#11 - Posted Wed Jul 01, 2015 7:40 pm

YoshiGM

Forum Administrator

Community veteran
You belong to this community since its ancient time

Active Contributor
The user has wrote more than 100 posts and comments

Passioned user
You have participated in 50+ different topics, a true fan!

Team contributor
You have been part of the community team

Forumotion expert
This user is an expert with Forumotion free forum hosting

10th Anniversary (Grand Re-open)
Thanks for being part of our grand re-opening

Friendly user
You have added many community members as friends!

Beta Tester
You have been part of the Beta-Testing team

Merry Christmas 2022
Thanks for having been with us during Christmas season!

Forum Writer
You have opened more than 20 topics on the forum

Members Guru
You have received more than 50 likes on your posts. Our members really what you have to say!

Post lover
You have liked more than 50 posts!

Forum Partner
This member is founder of a community affiliated with FMCodes!

Posts :

Points :

Great tutorial!

Thanks for posting it ;)

Hey Guest, Welcome to FMCodes. Hello

Don't forget to read the General Rules
• Want to improve your forum? Take a look of the Coding Community section.
• Need any new design, promote your forum or any related? You can use our Forum Services

Helping those who need it is not only part of duty, but of happiness.

No Support via PM!

#12 - Posted Mon Jan 04, 2016 6:57 pm

Skulduggery Pleasant

Community pillar
Congrats on being part of this forum for 7 years!

Forum member
Belongs to the community of FMCodes

Posts :

Points :

thanks

#13 - Posted Tue Mar 22, 2016 10:15 pm

Ross Wolf

Community pillar
Congrats on being part of this forum for 7 years!

Forum member
Belongs to the community of FMCodes

Posts :

Points :

I like this, thank you!

#14 - Posted Sun May 08, 2016 1:01 am

Luke

Community veteran
You belong to this community since its ancient time

Forum member
Belongs to the community of FMCodes

Posts :

Points :

This looks interesting!

#15 - Posted Sat Jun 04, 2016 5:26 pm

mariok

Forum member
Belongs to the community of FMCodes

Community veteran
You belong to this community since its ancient time

Posts :

Points :

merci pour ce tuto

#16 - Posted Thu Jan 12, 2017 10:02 pm

Dr Jay

Community pillar
Congrats on being part of this forum for 7 years!

Forum member
Belongs to the community of FMCodes

Posts :

Points :

Testing as usual in FAE right now

#17 - Posted Mon Feb 27, 2023 2:18 am

hoanglongnhatbao

Community veteran
You belong to this community since its ancient time

Passioned user
You have participated in 50+ different topics, a true fan!

Active Contributor
The user has wrote more than 100 posts and comments

Post lover
You have liked more than 50 posts!

Members Guru
You have received more than 50 likes on your posts. Our members really what you have to say!

Posts :

Points :

Thanks share @Niko

hoanglongnhatbao likes this post

#18 - Posted Fri Sep 01, 2023 1:24 pm

Indasa

I'm a new member

Forum member
Belongs to the community of FMCodes

Posts :

Points :

This is really helpful! Thanks! :fest:

Niko likes this post

#19 - Posted Sat Dec 02, 2023 12:00 am

Cryptic

10th Anniversary (Grand Re-open)
Thanks for being part of our grand re-opening

Merry Christmas 2022
Thanks for having been with us during Christmas season!

Members true love
You have received more than 15 likes on your posts. Seems our members really like you!

Community newbie
Belongs to the community for at least two years

Passioned user
You have participated in 50+ different topics, a true fan!

Active Contributor
The user has wrote more than 100 posts and comments

Posts :

Points :

Very interesting! Will have to give this one a try. Thank you!

Niko likes this post

Memberlist page in boxes

Overview

Description

Demonstration

Technical limitations

Installation

Introduction

CSS

CSS Customization

HTML Content & Templates Modification

Notes

Topic Actions

Sponsored

Log in

Become Partner

Latest topics

Top posting users this month

Premium Affiliates