Users Choose Username Font/Color Posts

//////////////////////// Users Choose Color/Font Of Username In Posts \\\\\\\\\\\\\\\\\\\\\\\\
////////////////////////////////////////////////// by gio~logist \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
------------------- Allow users to change what color their username is in posts --------------------
------------------------------------------ Via UserCP -------------------------------------------
//////////////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ \\\\\\\

Want members to be able to choose the font color of their usernames in posts?

[high]Step 1[/high]
[high]Go to User Profile Fields >> Add New User Profile Field[/high]

Choose A "Single-Line Text Box"

[high]Title:[/high] "Color of Your Username"

[high]Description:[/high] Type in the color in which you will like your username to be. Keep in mind that writing the colors in text does not always work, so try and format it like this: #ff0000 (that code is for red).

[high]Display Size:[/high] 11

[high]Max length of allowed user input:[/high] 7


[high]HIT SAVE[/high]


[high]Step 2[/high]
Now go to edit your postbit template and search for this code:

$post[musername]

Replace it with this

<if condition="$post['fieldx'] != '' ">
<font style="color:$post[fieldx]">$post[musername]</font>
	<else />
$post[musername]
</if>

X will be the id for the field in which you created. To view the id of the field created go to the "Profile Field Manager" and find the field ID of the field you made. (This appears under the "Name" column). It should show as fieldx where x is the ID.


[high]HIT SAVE[/high]



Want them to be able to choose the font as well?

[high]Step 1[/high]
[high]Go to User Profile Fields >> Add New User Profile Field[/high]

Choose A "Single-Line Text Box"

[high]Title:[/high] "Font of Your Username"

[high]Description:[/high] Type in the font in which you will like. For example for tahoma, type in "Tahoma", without the quotations.

[high]Display Size:[/high] 15

[high]Max length of allowed user input:[/high] 20


[high]HIT SAVE[/high]

[high]Step 2[/high]
Now go to edit your postbit template and search for this code:

$post[musername]

Replace it with this

<if condition="$post['fieldx'] != '' ">
<font style="font-family:$post[fieldx]">$post[musername]</font>
	<else />
$post[musername]
</if>

The X in font-family will be the id for the field in which you created. To view the id of the field created go to the "Profile Field Manager" and find the field ID of the field you made. (This appears under the "Name" column). It should show as fieldx where x is the ID.


[high]HIT SAVE[/high]

[high]AND WE'RE DONE![/high]

If you want them to be able to choose both color AND font, only do step 1 in each part, and then replace:

$post[musername]

with

<if condition="$post['fieldx'] != '' ">
<font style="font-family:$post[fieldx]; color:$post[fieldx];">$post[musername]</font>
	<else />
$post[musername]
</if>

The X in font-family will be the id for the field in which you created. The X in font-color will be the id for the field in which you created before. To view the id of the field created go to the "Profile Field Manager" and find the field ID of the field you made. (This appears under the "Name" column). It should show as fieldx where x is the ID.


[HIGH]Current Add-Ons[/high]
Exclude Certain Colors



[HIGH]Planned For Next Version (So Far)[/high]
- Have a pop up that allows you to pick a color and then shows the code for that color.

If you have any other ideas feel free to post them!

[webslugger]

great idea! could you also add a field to let them choose the font?

[Gio~Logist]

refresh

[webslugger]

excellent! thanks

[Gio~Logist]

I UPDATED THE INSTRUCTIONS! IF YOU ALREADY INSTALLED, READ THE NEW INSTRUCTIONS!


I dont use vb3.5 so correct me if i was wrong in any of my codes, however, i don't THINK i was.

[.Tim]

The color doesn't change for me.

[Gio~Logist]

Did you use new instructions?
What did you insert in your profile?
Did you make sure you followed instructions correctly?

[.Tim]

Yes.
I tried many different codes, even the one from the example and nothing.
Yes, I even reverted and did it again.

[Gio~Logist]

wow im an idiot... simple html mistake..... sorry about that, try now! i edited instructions....

[.Tim]

That worked, thanks! Great hack my users will love this.