Profile Customiser

A short time ago, someone was complaining that the Profile Customiser did not allow very many changes.  I got into a debate with him trying to explain that one just needed to add more entries.  Anything on the page can be changed if it is added to the Profile Customiser.  Yes, it would have been nice if Boonex had taken the time to add more entries to the 7.1.0 release.  I even allow members to customise the sub menu bar (the one with the avatar) on their Profile page by adding it to the Profile Customiser module.  I finally promised to share what I had done but it is not that easy to share the settings and copying each one... I don't have that much time as I do have other tasks. 

It is easy to add them.  For example, to add Box Backgrounds to the Profile Customiser, you just go to the add new form and enter the following into the correct fields:

*  Name: boxbackground   
*  Caption: Background for boxes    
*  Name of css: #divUnderCustomization .disignBoxFirst    
*  Type: Background

The caption is what will be presented to the members of your site so make it as descriptive as possible.  That is all that you need to do, the Profile Customiser module does all the rest of the work.  Notice that this will change the background of the Design Box One blocks and it will be applied to all of them on the page.  If you have other Design Boxes on the page, they will need a separate entry for them.  I reworked the profile comments so I have a separate entry for the Profile Comments that allows certain areas to be changed.

Screenshot:

On the page background, the default does not, or did not, include css attachment.  I had to modify the profile customiser to add that bit; this will allow a member to fix the background to the page so the background does not scroll with the page.  If you need to add a css selector, then you have to modify the module as the admin tool does not have a means for doing this.

Thanks GG,

 Do you have a sample on how you modified Fonts on Profile?

Also on Evowall, each message is numbered as a different Div. Is there a way to have the class as inclusive? For example instead of #divUnderCustomization .azione1589 can it be #divUnderCustomization .azione* so that every number following azione will be included in background change.

You have to talk to the guy that made evowall about any evowall questions or talk to some that have installed the evowall module.

All of these follow the same protocol.  For changing the font in a box if it is not already included you would use the add form.

Name: boxtext   
Caption: Font for boxes   
Name of css: #divUnderCustomization .disignBoxFirst, #divUnderCustomization .boxFirstHeader, #divUnderCustomization .disignBoxFirst a, #divUnderCustomization .bx-def-font-grayed   
Type: Fonts.

Notice that that the box header is included in this.  I am going to remove the box header as a separate entry so that a member can change each one independently.  It also applies the font to anchor tags.  It is very straight forward.

 @Itsawhiz-

I tested on my site and these worked just fine-

*  Name:             EVOBoxBackground
*  Caption:          Newsfeed Box Background
*  Name of css: .azioni   
*  Type:               Background


*  Name:            NewsfeedBubbles
*  Caption:         Newfeed Comment Bubbles
*  Name of css: #messaggio
*  Type:              Background

I managed to get SOME of the fonts to customize with this-

*  Name:            EVOBoxFonts
*  Caption:         Newsfeed Fonts
*  Name of css: #messaggio
*  Type:               Fonts

But still playing with it...Haven't managed to get it to allow me to change the fonts for "Descriptions" of the content inside the bubble yet.

I went a head and attached a document with examples of my site's Profile Customizer configuration.

(formatted for WordPad)

Hope this can helps some folks as well.

Thank you! Downloaded and will be using for reference.

 cool deal...

If any of them don't work for your site, I'll do my best to help out with adjustments if possible.

I had a template with CSS that way different from UNI....

It gets tricky if you offer members the ability to switch template designs and want their profile customizations to appear the same on both/all templates X~)

 This is what i want in the page background , is there a tutorial on how to make the picture background cover whole page and fix not scroll with the page.

Thanks.