Miscellaneous Hacks - North American Sports Teams Icons+

Want to show off the pride of your favorite sports team and allow your members to do the same?

This mod creates such a feature on your site.

Your members can select up to 3 teams they root for or support. This will show up in the postbit area on the forum.

Whether it's the NFL, MLB, NBA, NHL, or NCAA, we have it covered. You can add your own custom images as well or add to the list already provided.

It's an easy little add on with big results.

Step By Step Installation:

1) Upload the entire "teams" folder in your forumname.com/images/folder.

2) Go to your admincp->User Profile Fields->Add New User Profile Field.

3) For the Profile Field Type pick the 4th selection from the dropdown list.
The name of it is "Single-Selection Menu". Now press continue.

4) On the new page, fill out this information :
Title: My Favorite Sports Team
Description: Select your favorite team from the NFL, MLB, NBA, NHL, or NCAA.
Options: (Copy and paste in the options box, the list below. Copy it exactly as it is,
and keep in mind that each team must appear on a separate line)

LIST OF TEAMS IN FILE

Set Default: None
Display Order: Don't change this. Only thing you have to do, is to WRITE DOWN the number(ID) given in the "Display Order" field.
You will need it later on during this installation.!!!
Field Required: No
Field Editable by User: Yes
Private Field: No
Field Searchable on Members List: No
Show on Members List: No
Option Input:
Allow user to input their own value for this option: No
Max length: Don't change it
Display Size: Don't change it
Regular Expression: Leave it blank
Display Page: Select "Edit Profile"

Click SAVE button.

If you just want one team listed, continue on, but only use one line of the <if condition> line below in the code you must Add.
If you want to add more teams, then just add more lines between the <div> code. Also if you want more teams listed...
MAKE SURE YOU COMPLETE THE ABOVE STEP FOR AS MANY TEAMS AS YOU WANT YOUR USERS TO SELECT.


5) Now go to Styles & templates->Style Manager. Now you are looking at all the styles you are using for your forum.
Pick the style you want to apply this hack by changing the dropdown selection next to it, to "Edit Templates".

6) On the new page, find the postbit or postbit_legacy template (depends which one you are using for your forum) and double click on it to edit it.
NOTE: If you have no idea which postbit you're using, just use the postbit_legacy and see what happens. More than likely, that is the correct one.

7) In your code find:

<dt>{vb:rawphrase posts}</dt> <dd>{vb:raw post.posts}</dd>

Below Add:

<div align="center">
<vb:if condition="$post['fieldX']"><img src="images/teams/{vb:raw post.fieldX}.gif" alt="Sports Logo" border="" /></vb:if>
<vb:if condition="$post['fieldX']"><img src="images/teams/{vb:raw post.fieldX}.gif" alt="Sports Logo" border="" /></vb:if>
<vb:if condition="$post['fieldX']"><img src="images/teams/{vb:raw post.fieldX}.gif" alt="Sports Logo" border="" /></vb:if>
</div>

BEFORE clicking Save, change the [fieldX] to the number(ID) given by the system in step 4 Display Order. For example [fieldX] will be changed to [field9].
Change all 3 [fieldX] and now you may click Save.

A completed code would look something like this... [THIS IS AN EXAMPLE OF MINE]

<div align="center">
<vb:if condition="$post['field5']"><img src="images/teams/{vb:raw post.field5}.gif" alt="Sports Logo" border="" /></vb:if>
<vb:if condition="$post['field6']"><img src="images/teams/{vb:raw post.field6}.gif" alt="Sports Logo" border="" /></vb:if>
<vb:if condition="$post['field7']"><img src="images/teams/{vb:raw post.field7}.gif" alt="Sports Logo" border="" /></vb:if>
</div>

Finally, if you covered all the above steps correctly, you will be able to see a dropdown selection list for American Sports Teams Hack in your UserCP-> Edit Profile

NOTE: The above code is for 3 teams listed in your postbit side-by-side. If you don't care for the team logos I created, simply create your own and name them how you would want them entered on the option drop down. You'll notice that the images names are the same as we have listed.

This mod/hack could be used for almost anything that you wanted your members to be able to select an image in place of text.

Any questions or problems, please let me know.

FYI, I included the college teams in this mod, but if you just want the professional sports, just do not copy those team names in the options area.

Enjoy!

Version 2.0:
Upgraded to work with all vB 4.0 systems (even 4.1.8).
Fixed some team names and updated some logos. (Thanks to all who pointed them out.)
Added Soccer, Beer brands, Liquor brands, Auto Makers, & Fast Food/Restaurants to the drop down list. (If you do not want to add those, don't copy the text over in the profile field.) Would like to give a big THANK YOU to BirdOPrey5 for expanding on this mod and producing the extra icons.

Version 1.2:
Added UFL logos to the system.

Version 1.1:
1. Edited the file to fix a spelling error.
2. Changed the icons for Columbus Blue Jackets, Oklahoma City Thunder, and NFL.

[rollingzone]

Originally Posted by Gamelobby

Any word on this.?

I'd really like it to read the name of the team or whatever it is, instead of everything saying "Sports Logo".
Can't it be written to just read the file name.?

Thanks

Originally Posted by Taev

As per my understanding, you can't display the name of the image/team with the current code; I've tried to play around with the code but without any success. I guess you would need to either work with JS or maybe try to write a function and link it to the mouseover action. Anyway, I would be interested as well in a solution


Cheers,
Taev

Not sure if you guys ever got the hover over the logo to change but I just installed this mod and have got it working.

Replace Sports Logo with {vb:raw post.fieldx}.

[Rakehel]

This is still working in vB 4.2.3, PL2. It's a profile field and a great collection of team graphics, nicely sorted. A simple, unobtrusive template edit and some server uploads.

Does anybody have a link to same-sized graphics and team names for all of the soccer teams? Just wondering.