Custom User Style

[da420]

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... :cool:

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! :D

[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]

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:

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

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

[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. :)


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]

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. :D

[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?

[SBlueman]

Installed and working on 3.6.8 for me. No issues at all either.

I'd love a preview and usergroup permission setting for this modification. Excellent work overall though!

[blind-eddie]

Awesome, thanks

Note: Its kind of scary to see to coders demo page with a database error message.

[blind-eddie]

This mod is awesome.......My Members are going to love this.