Current status of the Ning Platform is always available on the Ning Status Blog.

Forum

Hello all!

NEW FEATURE from Ning, wooo hoooooo!

I wanted to see what would happen if I put a style tag in the new Member Customizable HTML Boxes for Profile Pages and I found that if I add it with line breaks it does not work, but if I run it all on the same line, IT WORKS!

I added this, in HTML Editor mode:

<style type="text/css">.photoListPage { background-color: blue; }#MC_Title { background-color: #EEE; color: #444; font-size: 200%; padding: 0.5em; margin: 0.5em auto; }</style>
<div id="MC_Wrapper">
<div id="MC_Title">Member Customizable Box</div>
<div id="MC_Body">body area here...</div>
</div>

to my Member Customizable HTML Box (MC Box for short) and got this:

As you can see, I was able to style not only elements INSIDE the MC Box but also the background of the Photos module which is outside of the box.

I first tried it with normal formatting; one style rule per line, but that did NOT work:

<style type="text/css">
.photoListPage { background-color: blue; }
#MC_Title { background-color: #EEE; color: #444; font-size: 200%; padding: 0.5em; margin: 0.5em auto; }
</style>
<div id="MC_Wrapper">
<div id="MC_Title">Member Customizable Box</div>
<div id="MC_Body">body area here...</div>
</div>

So try this yourself if you want, but remember to put the style code all on one line (which the editor will wrap).

Best wishes!

TJ

You need to be a member of Ning Creators Network to add comments!

Join Ning Creators Network

Email me when people reply –

Replies

  • Good job TJ.  So nice to see a new suggestion posted instead of errors and complaints.  Just praying this continues.  Have a great weekend!

    • Thanks!

      I hope you have a great weekend too!  I am inland in the Carolinas so I am seeing lots of rain and wind outside my office window at the moment, but nothing bad.  My thoughts and prayers go out to all those affected.

      I think Ning may finally come out with the API for Ning 3 soon, which will be a help for developers, like me, who want to add even more functionality to Ning.  I have been busy over the last 3 years adding in features Ning left out of 3.0, like Search for private sites, expanded Likes abilities, etc. AND backing up Ning 3 sites so people can have control over their own data!  Ning originally said the backup ability for Ning 3 sites would be based on the API so if that comes out, then the backup should be next.

      • Backing up a 3.0 would be such a relief.  I get the heebee jeebies every time the site goes down.  A backup would ease those fears greatly.

      • This is great to know TJ. I'm using it for my CSS but remember just like Ning 2.0 only administrators and creators can add CSS to the text box. You might want to add that information to your tip. :) You have a great day. :)

        • Thanks George, I just got to test it on my site, signed in as a regular member, and the CSS doesn't work.  So yes, looks like this tip is just for Admin, which isn't that helpful :P  An admin could put CSS in the Design Studio or Custom Code box.

  • NC for Hire

    nice tip TJ!

This reply was deleted.

Search the Creators Network

Latest Activity

Beatriz Martín replied to Dan Porter's discussion Multiple Group Hubs
"Hello.
I would like to know how this feature is done or which creator could help me.
Thx!!"
3 hours ago
Bizz ( John ) replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Thanks Pat :-)
Yes it is a nice addition but I do wish a little more QA was done before releasing f…"
4 hours ago
Bizz ( John ) replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"I have re-uploaded this video so you can see it showing the green screen in the list page and also…"
4 hours ago
Bizz ( John ) replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Thanks for the reply Kyryl. I have addressed all the issues in a single post for you to look at her…"
4 hours ago
Danny Lynn replied to Ian's discussion Side Backgound Image keeps shrinking and orienting left & animated gif header isn't working
""
5 hours ago
Danny Lynn replied to Ian's discussion Side Backgound Image keeps shrinking and orienting left & animated gif header isn't working
"Thank you ning team,  I Am not a owner at Media Center just member 4 years, i do link that page to…"
5 hours ago
Pat Howlett replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Great addition Ning Team and I appreciate Bizz John taking the time to jump in and assist in findin…"
6 hours ago
Kyryl_Ning_Support replied to Ian's discussion Side Backgound Image keeps shrinking and orienting left & animated gif header isn't working
"Hi Daniel,
We do apologise for the inconveniences at this moment developers are working under the i…"
9 hours ago
Kyryl_Ning_Support replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Hi John,
Regarding the video resolution, after the video has been uploaded, all of them are convert…"
9 hours ago
Kyryl_Ning_Support replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"XDD"
10 hours ago
Kyryl_Ning_Support replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Hi there,
Sorry for delayed reply, it was necessary to take a hold of developers to find out the an…"
10 hours ago
Kyryl_Ning_Support replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Hi John,
About the video that had only green screen background instead of the video itself. we have…"
11 hours ago
Irvin Carrero, Alison Pert and Shanelle Reed-Keahi joined Ning Creators Network
12 hours ago
Ian replied to Ian's discussion Side Backgound Image keeps shrinking and orienting left & animated gif header isn't working
"And now our 'space invaders' top nav bar gif crapped out!  Here's the original:"
14 hours ago
Ian replied to Ian's discussion Side Backgound Image keeps shrinking and orienting left & animated gif header isn't working
"For some reason, our 'Wolf Blitzer' gif hasn't re-animated yet. Here's the page where it exists: ht…"
14 hours ago
Ian replied to Ian's discussion Side Backgound Image keeps shrinking and orienting left & animated gif header isn't working
"Thanks for working on this.  Whatever you guys did to fix the Gifs today, I hope it stays like this…"
16 hours ago
Kos replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"BUWAHAHAHAHA! "
18 hours ago
CZG replied to CZG's discussion Logging into ning site using Firefox not secure message
"Thank you Kos. I really appreciate the feedback."
21 hours ago
Anthony Reardon replied to David Carr's discussion Being a Ning Network could ruin the deal
"Got to say I concur with this, sadly."
22 hours ago
More…