|
|
|
|
|
|
|
As part of this member system update we have completely redone the way custom styling works on the member profiles. The new system has many key advantages that make it better than it was before and also better than any other social network has to offer currently.
The new styling system, which we are calling Element Accents in the profiles, is based on the very powerful Custom CSS Modifier structure and is tied to and saved with your website theme. This means:
- The styling possibilities are very diverse.
- You choose what styling options are available to your members.
- You can make sure that the styling options match well with your site theme.
- Theme creators can build in Element Accents when creating themes, making accents available to you automatically when you install the theme.
Here's how they work:
- You add some special Custom Modifier code to your theme in the Design editor that defines the Accent Name, Unique ID and Style Code.
- When a member edits an element on their profile, they will now get a drop down menu at the top of the edit window called Element Accents. They can choose an accent for that element, the preview of the element shows in real time, they save and they and everyone else can see that element with that accent style applied.
You can add as many Element Accents as you want to your theme.
Adding an Accent is really easy (You don't even have to know CSS), here's how:
- Go to the Design Editor
- Click the Advanced tab
- At the top right of the Custom CSS Modifier Editor click the Member Accent Adder button
- Fill in the Accent Name (This is what your members will see in the Element Accents list)
- Choose the Element Part you want to add a style to
- Choose the type of style you want to add
- Fill in the styling options (Go here to get color codes http://www.colorpicker.com/)
- If you want to add another style to your Accent click the + Add Style button at the bottom of the dialog. Add as many as you want to that Accent.
- When finished customizing your style, click the Accent Finished button.
- Save your theme
If you know CSS you can customize the code even more to add your own unique styles for your site members.
For questions regarding custom modifiers and accents please post in the Owner to Owner forum in your site admin.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|