Not too long ago, we laid the groundwork for our member categories feature by streamlining the management of your existing and prospective members. Now, we're almost ready to roll Member Categories out, and we wanted to give you a preview of the feature and get your feedback on its functionality and a few improvements that we've added along the way.
Create up to 50 categories and assign members to them. All of your members will begin in the default category, called Members. You can create and edit new categories via the Member Categories tab in the Member Management section. A couple of important limitations to note up front: the default category can't be edited, and members can only belong to one category at a time.
When you create a category, you have an option to create a listing page exclusively for the members in that category, and you can create listing pages for up to 5 10categories. When you do this, a new submenu item for the category will appear in the submenu items for Member pages. You can choose the text for the submenu listing, so that you can pluralize or customize it. This is a great way to highlight specific members on the network.
Image and Text Badges
Each category that you create can also have an optional image or text badge that gets added as an overlay on a member's profile picture. Whether you create badges of honor or badges of shame, this is an excellent way to identify admins, reward special members, or just make it easy for visitors to identify different types of members. Text badges are based on the category name, and can be placed at the top or bottom of the profile picture. You can set the text color, background color, and the background opacity for each badge.
Images badges can be positioned in one of the four quadrants of a member's profile picture. We've included 22 badges to get you started, and you can upload and manage up to 50 of your own custom badges.
Text and Image badges will appear in most places in your network, but not everywhere. Right now they won't appear in Chat and in a couple of other places, like the profile images on sign in and sign up pages.
Designers and Network Creators who are comfortable with CSS will be pleased to know that each created category is associated with a CSS class that we're adding to the #xg_themebody div in profile pages. This means you can create CSS styles that will be applied to the profile pages of members in a category. This will let you do things like adjust the background or color scheme of every member of your network who's in a specific category.
Once you've assigned your members to categories, you can use new functionality in the Broadcast Message feature to send a broadcast message to just those members. Choose any category you've created and proceed from there. The current broadcast message includes a subheader with the words "A Message to all members of Network Name". Now that you can target individual categories for messages, that text is no longer accurate, so we'll be removing it with this release. If you like that message and want to retain it, you can add it in manually like this:
<h3>A Message to all members of Network Name</h3>
We're currently targeting Thursday for this release. We'll update this post if that changes. We're excited to see how NCs will use Member Categories, and we'd love your feedback. There are a few enhancements we may add to member categories like the ability to connect a Paid Access subscriber list with a category. There are also a few longer term things you've already told us you want, like category-specific feature permissions (e.g., Blog-only members). Let us know in the comments how you plan to use Member Categories, and once it's gone live, let us know how we can make it more useful for you.
my guide should help i have no access to a classic theme to find the exact code yiu need but that willl tell you how to find it yourself
6 months ago ..maybe a bit longer i knew nithing of s=css well not 100% true ive been doing ning fir 2 1/2 years but barely could do anythubg in css without getting help
using firevp[bug like i just explained i tought myself everythubg i know now by just tinkering
in firebug u can select any elementy on a pafge text image anythng
and platp[y with the css
when yu add a new statement you dont even have to know what yiur doing yiu can start with a blank space use up anddown arrows and it will cycle through al options alphabed[ticly and most if you then add : it will cycly [e through legit options and u can see what each does
aditionaly say you know u wahtto adjust ext
yiu type text thenhj hit up or dsown u get text-align text0]p-shadow text-r[=deci[oration
makes it eassier to figure out what you cah do
it changes colors too when its vak';lid or invalid green good red bad so yiu know it]f it works or not
id recomend playing with firefox ans[d firevp;bugand learn the css too
i learned by trial and error
and yesterday fo[ixed 3 bugs in 5 min that had ning guys scratching their headsall day
(hagha jk guys)
cs isntf hard but its..finicky
by that i mean irs easyto learn byt a single pc]x spacing issue can tghrow yoyr whole site out of wgack if you haveeverything dependend]t on exact spacings
as an xample in dcign studio adding a border 1px to modules is fine adrd1 2px and all tge sudden images ar e out of align nothihng fits righgt and everythung gets whacky
css alows micro control but everything depends on everything ek[lse..
an example 1 guy (classic i think) wanted to change the column widths as well as the page width justto get a few extra pixels fir photos
to adjustthe columb widths u had to adjust the page the columbnbs the head a few wrappers and moee and 1 column wouldend up below not nextto the othees he wanted me to figure it all oyrt for him and i spent 6 hours trying with no luch anf[d hed only gain like 2% more space if i fgured it out
ok im giving you y]too much info and making it sem complicated
all u ned to do is step 1
riggt click and identify the proper element
add code to fix and see if it works copty abnd oaste in to css
always add css below other css
i got to sleep now im babbling
(its time to quite when every words a typo ]o sorry about that
I do understand more than I did before. With Chrome I can right click on the avatar/profile picture and inspect the element.....it is 48 width x 48 length. Thanks to you, I know it should be 33 x 33. Everything I've learned is also by trial and error and I'll give your instructions my best efforts tomorrow.
LOL...don't worry about the typos or the babbling. You've helped me a lot.
Hope you have a good night's sleep.
Really cool Ning. Is there a way to have a category populate itself into the members profile when they reach a certain amount of discussion replies or posts?
I run a forum for woodworkers.
The default category when they join our forum is "Apprentice"
Then when they reach 500 posts or replies to discussion, they get the "Journyman"
When they reach 1000 posts and replies, they get "Master Carpenter"
When they reach 1500 replies and post, they get "Foreman"
You get the idea, thanks, great job thanks Ning!
now u can only assign categories
thio in the future maybe
Hey, TAW. Nice idea. Right now, these aren't possible, but I like the idea of tying it into activity.
is there a fix for the big images in activity feed when u click more coming? it cant be fixed properly with css that i can find since 1/2 the images are coded 33px 1/2 48px and its in the html not css
and correcting it with css affects the profile feeds which should be 48 not 33
love it and have it tied in to spam block and give us ip block capability and we got something
Great news Phil and a lot of work to categorize all members of my network ... thanks for that good work!
you dont have to categorize all members
memberscan rel=main members and yiu can use the categories to catagorize specialists or extra active menmbers as comunity leaders etc
i think i only added a dozen maybe 20 to 5 or so categories
not much work at all
ok i finaly figured out the final bug fix so i think this should fix everything tho the codes only for the desc=ign studio version someone should be able to easily adapt it to the old version too