End-User Options - Custom User Style

Custom User Style 1.02

Description.

Allow your users to create their own custom style to use on the forum using CSS, which can be generated using a built in generator.

This is just something I whipped up in my spare time just playing around... :P If you can use it, then, great... I will probably be adding more to it as time goes on, such as usergroup permissions, and maybe I'll try and make it a bit more user friendly, but it's as it stands now.

Oh, and I will definitely cache the template... once I figure out how...

DEMO: http://www.mindifidoaj.com/dev/forum/misc.php?do=gencss

Details:

1 product upload
1 template edit (there may be the need to do more customization if you have custom CSS)
1 new profile field

Install:

1. Product Upload:

ACP > Product Manager > Add/Import Product > Upload product-userstyle.xml with over write set to 'Yes.'

2. Create User Options:

ACP > User Profile Fields > Add New User Profile Field

Add a Multiple-Line Text Box...

Title: Custom Style

Description: Design your own color scheme using CSS, use the <a href="misc.php?do=gencss" rel="nofollow">CSS Generator</a> to aid you in creating this code.

Increase the max length to your liking, you may want it to be longer for them to be able to include background images.

I put 75 for the field length, and 20 for the text area heighth.

Field Required --> NO
Field Edited by User --> YES
Private Field --> YES
Field Searchable on Members List --> NO

Display Page: 'Options:Other'


3. Template Edit:

In headinclude...

Find:

$style[css]

Replace with:

<if condition="$bbuserinfo[fieldxx]">
<style type="text/css">$bbuserinfo[fieldxx]</style> 
<else /> 
$style[css]
</if>

*** Replace 'fieldxx' with the field id of the custom profile field we created.

Now have your users, if they wish, go to edit options in user cp, and use the CSS generator to customize thier style. The default that is in the text boxes is default vBulletin.

*** You may have to edit the code if you require custom CSS definitions.

update history:
*1.0.2 - fixed a phrase

Thank you and Enjoy.

If you use this please click Install!

[bchertov]

Excellent idea! It really needs a color picker for each of the colors. Maybe you can just steal/leverage the code from the vb acp color style sheet picker.

[da420]

^ yeah i might try something like that, or maybe try implement something else.

I have also updated the zip file because I noticed I messed up a phrase. Everyone should update.

[Distance]

Just a suggestion but the only way you are going to stop them from entering malicious coding.. is by not letting them type it in

You should intergrate something where it changes it for them.. ?

[da420]

It was already discussed before, default vB already does a well enough job by not allowing HTML to be posted in profile fields.

Originally Posted by Distance

You should intergrate something where it changes it for them.. ?

Changes what exactly?

[Caerydd]

This looks fantastic!

I think Distance meant something like a button at the end of the generator 'use this code!' where vb would then automatically insert the generated code into their user profile field?

I would like some easy usergroup settings/permissions if possible. I know I can do it with conditionals, but I really don't like hand coding them into my templates.

[da420]

Oh yeah... I don't think I will integrating that any time soon, but the user group settings is on the to do list right now. I plan to expand it more in the future, but I'm a slow learner...lool...

[Distance]

Originally Posted by da420

It was already discussed before, default vB already does a well enough job by not allowing HTML to be posted in profile fields.



Changes what exactly?

Eg. when they click generate, it will give them a preview of what it will look like then they can click.. Save this style

Then it auto saves it so thats what there style looks like, meaning they don't see the code it generates and they don't have a box to enter this code

[PinkDaisy]

Awesome!! Seems to be working fine on my board.. tested and just released it to my members.

[Diana Notacat]

I am bumping this just to see if you are still working on the project for any new features or updates? It really was a brilliant idea!

[blind-eddie]

Any News on this working on 3.6.8 & any issues you may be having?