New Posting Features - Postbit Enhancements: Icons - Gender / Site Supporter / Site Profiles

This mod will allow you to add a group of icons to your postbit. Before installing the product you will need to do a couple things.

Step 1
Create Profile Fields.
You will need a profile field for each one of these that you intend to use.

Your member's Gender
Blogger.com
Blogmarks.net
Delicious.com
Digg.com
eBay.com
Facebook.com
LinkedIN.com
Myspace.com
Stumbleupon.com
Twitter.com

Version 1.1 Added:

BodyBuilding
CarDomain
Flickr
HotorNot
IMDB
LiveJournal
Xanga
YouTube

If you install version 1.1 the new addins are alphabetical. You must continue to edit if you prefer to use .gifs or change your location(s). Also, please report any errors.

I have organized the folders a little different in this update - and will continue to do so with each update. Also, as I make changes/fulfill requests, I will add.

############

An example of how to create one (such as Gender):

AdminCP => User Profile Fields => Add New User Profile Field => Single-Selection Menu
Title:							Gender
Description:						Gender of member
Profile Field Category:					Your choice
Options:						Female
							Male
Set Default:						Yes, but No First Blank Option
Display Order:						Your choice
Field Required:						Yes, at registration and profile updating
Field Editable by User:					Only at registration
Private Field:						No
Field Searchable on Member's List:			Your choice
Show on Member's List:					Your choice
Allow user to input their own value for this option:	No
Which page displays this option?			Your choice

Also if you have a Site Supporter usergroup or intend to create one, remember the usergroupid for later.

Write down all your profile field IDs, and don't confuse this with the display order.

Step 2:
Upload icons.
I have created a set that you do not have to use but they are ones I have created and are 17x17 in size. You can use PNGs or GIFs. If you use your own stock images, either rename the image location in Step 3 or rename the image to icon_imagename.png
Upload the images to your images/misc/profile/ folder (if you do not use the supplied images, you must create a folder called profile in the misc directory.

Step 3:
Edit the product.
For every X option replace this with either the usergroupid or the profile field id.

For example:
If your profile field id for your gender is 5, change this:

<if condition="$post[fieldX]">
	<img src="images/misc/profile/icon_$post[fieldX].png" title="$post[fieldX]">
</if>

to this:

<if condition="$post[field5]">
	<img src="images/misc/profile/icon_$post[field5].png" title="$post[field5]">
</if>

Note in this instance, there are 3 changes

If you uploaded GIFs instead of PNGs, rename the file extension for each image to .gif
If you want a different order than what is shown in the template section copy each <if...> to </if> to which place you want it. I have each icon listed alphabetically. If you have an issue with moving lines of code up or down, let me know and I will reorder them for you.

When you are satisfied with your arrangement, save and import the product.

If you have any requests for more additions or if you see any issues with the product, let me know.

The male/female and star images are the FAM FAM FAM silk icons used here.

The user's LinkedIN profile (their input) should be something like this:

0/0/0b

[karel1985]

nice, can add these icon in the same line of the skype and msn icons?

[davidw]

Let me see on both requests. It may be this weekend.

[markuswarren]

Excellent modification! I've been slightly naughty and edited your xml file to include an item for Flickr, which seems to be working well, it might be worth adding this to the next revision.

I agree that moving the icons into the same div as the Skype, MSN, etc, icons would also be a good idea. I've edited my template manually to move the hook being used, so it's inside the div for the other icons, and then edited your template to remove the opening and closing div, seems to work well, though I've not got that many icons displaying at present, I think I'll run a few tests with as many icons as I can, just to see how things look when you go over one line.

[davidw]

If we can get a running list of what everyone wants, I'll be sure to create an update including as many as I can get. Also, icons help as well. The larger (and better quality) the better, as I resize them to make them uniform.

[davidw]

I will be working on this today through this week and should have this completed by this week's end if not sooner. My ETA is Tuesday/Wednesday depending on time.

[Bro_Joey_Gowdy]

Originally Posted by davidw

If we can get a running list of what everyone wants, Also, icons help as well.

BodyBuilding Stats site:
http://bodyspace.bodybuilding.com/Bro_Joey_Gowdy

BodyBuilding Icon:
http://bodyspace.bodybuilding.com/favicon

[Mavs00]

Originally Posted by davidw

I will be working on this today through this week and should have this completed by this week's end if not sooner. My ETA is Tuesday/Wednesday depending on time.

I'll be waiting patiently :up:

Great mod

[davidw]

Please click install if you use this as this ensures you get update emails and notifications on progress.

[dacho]

Hi david
If i want do use only the gender male/female ?

[davidw]

it will only show up if you have created an populated a profile field. See for examples above.