( TIP N3 ) Allow your members to add CSS codes to the new profile text box.

[George H. Compton IV]

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.

 

<!-- Members textbox add CSS v5 part 1 -->
<!-- Custom code head code box -->
<style>input.button.addcss, .GC_CSS {display:none;}</style>

 

<!-- Members textbox add CSS v5 part 2 -->
<!-- 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.

Members_textbox_add_CSS_v5.js

[TJ @ jQueryHelp]

Very nice, George!

[George H. Compton IV]

Thank you TJ. :-) I hope you have a wonderful day. :-)

[Thisisbully]

Unfortunately our members or members in general don't know what coding is lol this feature is only useful to creators , I just wonder do people think about members without thinking they are Web developers and coders who finds this interesting, most just want to read or post ,most are on cellphones this is useless in today's world

[George H. Compton IV]

Thank you for the comment, Thisisbully

[dave]

Very Cool George :) 

[George H. Compton IV]

Thank you Dave. :-)

[dave]

In todays world i couldn't image what websites would look like without the extra coding to allow members to do things that they wouldn't normally have excess to.

Everything you and others share on creators has been a huge help to many website owners. 

[George H. Compton IV]

I couldn't agree more Dave. :-) Thank you again.

[George H. Compton IV]

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.

[Aurora]

I could not figure out where to put the code so it can work