Post: #1

I've recently been editing and modding vBulletin for my new forum and I came accross this simple code edit which can be ported to MyBB without any complications or risks and its really easy to do it. Now enought chit-chat and lets go to work

Edited files:

• postbit (MyBB default postbit)
• postbit_classic (MyBB secondary postbit)
  

Whichever you are using, works with both. Names next to the postbits are just to help you indicate the right part of the tutorial

Easiest part of this tutorial

1. Login to Admin CP using your username and password (duh!)
2. Navigate yourself to Custom Profile Fields (Configuration -> Custom Profile Fields)
3. Create new profile field and make sure to set its maximum lenght to 7
4. Save the profile field
5. Hoover your mouse over the profile field to see its id which is important for the template edit
   

So, now if you go to your User CP and Edit Profile, there you should be able to see the field you just created.

Easy part of this tutorial (MyBB default postbit)

1. Login to Admin CP using your username and password (duh!)
2. Navigate yourself to YOURTHEME templates (Templates & Style -> Templates -> YOURTHEME)
3. Locate Post Bit Templates and expand it (Click its name or click Expand)
4. Click the 1st template located in Post Bit Templates, its called postbit
5. Find this part of code:
   PHP Code:
   

   <div class="post_body" id="pid_{$post['pid']}">
                    {$post['message']}
                </div> 

   Replace above code with this one:
   PHP Code:
   

   <div class="post_body" id="pid_{$post['pid']}">
                    <span style="color:{$post['fid<numberhere>']};">{$post['message']}</span>
                </div> 

   Replace <numberhere> with your Custom Profile Field number!
6. Save your edit by clicking Save and Return to Listing button
   

At this point you're done if you don't allow users to use vertical postbit. Follow steps bellow if you use vertical postbit as well

Easy part of this tutorial (MyBB secondary postbit)

1. Login to Admin CP using your username and password (duh!)
2. Navigate yourself to YOURTHEME templates (Templates & Style -> Templates -> YOURTHEME)
3. Locate Post Bit Templates and expand it (Click its name or click Expand)
4. Click the 13th template located in Post Bit Templates, its called postbit_classic
5. Find this part of code:
   PHP Code:
   

   <div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">
                {$post['message']}
            </div> 

   Replace above code with this one:
   PHP Code:
   

   <div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">
                <span style="color:{$post['fid<numberhere>']}">{$post['message']}</span>
            </div> 

   Replace <numberhere> with your Custom Profile Field number!
6. Save your edit by clicking Save and Return to Listing button
   

At this point you're really finished. Enjoy this new feature of your board

Demo: http://community.old-sql.net/

Credits:

• Guy who "created" this feature for vBulletin
• Svizy (meh) for porting it to MyBB
  

Post: #2

Pretty simple stuff =P You could do the same with fonts etc too though ^^

Post: #3

(02-25-2010 05:57 PM)euantor Wrote:  Pretty simple stuff =P You could do the same with fonts etc too though ^^

Yeah, but that would mean a lot of textboxes (if you do it this way) and then it would need own User CP settings page

And yeah, why should we complicate it if it can be done in a easy way?

Post: #4

Yeah. I guess =P

Post: #5

Easy and tiny tutorial!

Would have been great if a demo link where you implemented it can be available OR a screenshot of the outcome be shown

Post: #6

(02-25-2010 09:42 PM)mastermunj Wrote:  Would have been great if a demo link where you implemented it can be available OR a screenshot of the outcome be shown

I know its a little late, but still, I've added link to the forum where you can check out this feature.

I've also noticed that this doesn't work on forum portal, so I'll try to make it for portal as well

Demo: http://community.old-sql.net/

Post: #7

Pretty cash tutorial there, Svizy.

Meaning it's great.

Post: #8

Nice

Post: #9

thanks for this simple effective tutorial

Post: #10

thanks