To view the codes in action, click here
All CSS styling codes on this profile, were added using the profile text box.
The CSS HTML is now added with a button just click the "add CSS code" button in the upper left-hand corner of the editor. You must be in HTML mode for the button to add the CSS HTML.
When your members add or modify the CSS in the text box and hit save it updates automatically.
If your members remove any CSS it is necessary to refresh the page to apply the removal of the CSS.
<!-- Custom code head code box -->
<style>input.button.addcss, .GC_CSS {display:none;}</style>
<!-- Custom code End of Page Code box -->
<script src="https://bit.ly/2Heq19O" type="text/javascript"></script>
Your members can use HTML mode to add their CSS or if they want to use visual mode in the text editor to keep their css codes separated and easy to find and manage.
Helpful hint for Google Chrome users in visual mode.
First paste your CSS as plaintext into visual mode, highlight and copy the CSS now you can paste it into the CSS divide and save. See image below.
Replies
I am dumb I was putting the code in the wrong spot xD I got it working now but omg I love that feature thank you so much for sharing it! :)
Hey George, It worked before and then now I am finding out it stopped working. Ning must of changed something.If you look at your HTML button in the gif image and look at the HTML button now, it is not the same anymore so I am thinking that is where the problem is. Can you please update your code!? This time if you can let the users add their profile css through their profile question because templates like myspace popup ad was blocking the wording edit text and it was impossiable to click on it to update the template.
Good Day I hope you are well!
I was wondering if you had a link to the codes for: How members can change their backgroud images, and how they could even change their color schemes on their pages?
Thank you,
Lindsay
Hi there Lindsay. Usally members can use myspace profile templates for their profile. Hopefully I answered your question :)
Hi there!
You can add a Member customizable HTML box to "My Profile" page and your members will be able to put there CSS in order to customize their page and change the background in particular.
Best regards,
The NING Team