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!

[da420]

Reserved...

My apologies, demo url has been updated...

[Capt. GannA]

Interesting. I'm gonna give this a try in a while.

[Cyricx]

What a brilliant idea

I'll definately have to test this out!

[UncoderMom]

Good God! *insert fainting smilie*

[MThornback]

I've been asking for this for AGES, your brilliant!

[Lizard King]

How do you prevent people to enter malicius scripts ?

[MThornback]

That occurred to me today too....but if its pulling info from the user profile fields and that field is part of the if condition, it can only call from that persons profile thats logged in the only thing I could think to change is making a member check part of the conditional.

[da420]

Originally Posted by Lizard King

How do you prevent people to enter malicius scripts ?

The only person that will be using this custom CSS is the user that set it in their profile, nobody else, and I can't imagine why they would want to use malicious scripts on themselves. But, I could be missing something. Are there scripts that I am not aware of that I should consider?

Thank you for your comments everyone.

[da420]

I tried entering in a meta redirect into the mix, also tried to embed a video, and no go... so Im doubting this can be used maliciously.

vB already does a good job at preventing malicious scripts from being entered in as profile fields as the meta redirect I put in when I looked at the page source shown this:

<meta http-equiv="refresh" content="2;url=http://www.google.com"&gt

So I think there is nothing to worry about here, again, unless I am missing something...