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

Forum

Updated 4-26-2016 v5

All the features of Ning 2.0 with  Ning 3.0 responsiveness.. ;) This code has been updated. It'll work on any layout but it works the best with the (A) layouts ( layout A1 - A4)

Tested and working in all newer browsers IE 9, 10, 11 - Firefox - Google Chrome - Safari. for cell phones, Laptops, PCs, Macintosh and yes TVs....

The fullwidth portion of this code also works in IE 7, 8. for Laptops, PCs and TVs...

It's compatible with all operating systems...

Compatible hardware - cell phones, Laptops, PCs, Macintosh and yes TVs....

Most pages will fit on the smallest of cell phones but I recommend a screen resolution of 480 pixels and wider. But like I said most of the network will fit on screen resolutions of 250 pixels and greater.

With this code your N2 will pass Google developers, mobile friendly test, without using Nings mobile app.



click here to see it live on "The Constitutional Conservatives".

If anyone would like help setting this up I'll be more than happy to give you a hand.

GEOCOMs Ning 2.0 Responsive Fullwidth Network v5 part 1

Part 1 goes in your (ad-box above the header) Make sure you press the HTML button before inserting the code.

<meta name="viewport" content="width=device-width, initial-scale=1" ></meta><link rel="stylesheet" type="text/css" href="http://api.ning.com:80/files/N82BGgaL3u1CfQ8y-4gGxLyueSAZLceaNBVnNbG7bkWz4Yt4GNG7XFKjYS3R27uE5UUoah0J4BqOC7kmM9ZsbmzxDotY9yVc/GEOCOMs_N2.0_RFWN_v5.css" id="N2_R_F_W_N_v5_P1" ></link><script src="//tinymce.cachefly.net/4.2/tinymce.min.js" type="text/javascript"></script><script type="text/javascript">
if (screen.width < 1144 ){
tinymce.init({selector:'.vcard textarea'}); }
</script>

   

Part 2 goes in your (custom code box)

The video enhancements come with my "profile text box video mod". To turn the mod on change the ID name in the video enhancement script from this  id  " id='gframe' " to this id   id='MOD_FN' ..

<!-- Start GEOCOMs Ning 2.0 responsive fullwidth network  v5 part 2 -->
<script src="http://api.ning.com:80/files/Yh-B8VrdxHhnpMo2L4zwUwLg6GQsCNNu4kNqIByhLqccRNRFQT-82gxVF4pUxz0AzsbssHV**UxYnBiYb5rGonYJ5n*FdDcv/GEOCOMs_N2.0_R_FWN.js" type="text/javascript"></script>
<!-- START Ning 2.0 Video enhancements -->
<script src="http://bit.ly/1IuxOih" type="text/javascript" id='gframe' class="gf_helper" ></script>

Part 3 goes in your (design studio CSS session)

/* Start GEOCOMs Ning 2.0 responsive fullwidth network Part 3 */
@media screen and (max-width:1144px)  {
DIV#xg.account.external-auth DIV#xg_body,        
DIV#xg.account.external-auth .xg_lightborder{
     width: 92%!important;
     min-width: 100px!important;
     max-width: 500px!important;
    left:0px!important;
    right:0px!important;
    margin-left:auto!important;
    margin-right:auto!important;     } }
@media screen and (max-device-width:1144px)  {
DIV#xg.account.external-auth DIV#xg_body,       
DIV#xg.account.external-auth .xg_lightborder{
     font-size: 34px!important;
    line-height: 35px!important;    } }
@media screen and (max-width: 760px)  {
table.categories p, table.categories ul {
    padding-left: 0px!important;
    padding: 3px!important;
    margin-top: 0px!important;}
  TD.xg_lightborder H3{
    margin-top: 70px!important;
    margin-left: 0px!important;
    padding-left: 0px!important; }
BODY TD.xg_lightborder {
    padding-right: 0px !important;
    padding: 2px !important;
    width:45%!important;}
BODY .xg_theme TD.xg_lightborder,
BODY .xg_theme th.xg_lightborder{
  width:45%!important;
  min-width:45%!important;
  max-width:45%!important;}    
BODY .body_events_main ul.clist div.tb {
    margin-left: 10px;
    margin-top: 110px;}
BODY .body_events_main ul.clist li a span.image {
    margin-right: 16px !important;  } }
/* End Ning 2.0 responsive fullwidth network Part 3 */

 

Firefox_Restore_10th_Anniversary_Edition_GEO_v2.exe

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

Join Ning Creators Network

Email me when people reply –

Replies

              • Beautiful. You're awesome George!

  • George, this is awesome as usual. Why did we even have to do this 3.0 thing. They could have hired you to make this work and most all would have been happy. Great job, George.

    Blessings,

    Jim

    • Thank you Jim :-) you have a great day

    • Interesting thought, Jim.

  • The whole big deal with Ning 3 was responsive responsive responsive responsive responsive when it could simply be done with Ning2 and save all the trouble. [sigh]

    Well here comes my last bill with Ning

  • This reply was deleted.
    • Hey George, I haven't seen anything missing on my site using your code. Am I missing anything? Surf Shot

      • Hello Scott, yes you are missing your alternate sign in and sign up buttons, it's a Ning glitch. Nothing to do with my codes. LOL :-)
        they seem to be missing off a lot of Ning 2.0 networks. See images below.

        • Oooo, I see what you're talking about. Okay, earlier you had posted a fix but now it has been deleted. Did you delete it, or was there a fix to this? 

          • Hello again Scott. :-) There is no fix :-( there was a ticket sent. They said it's appears to be some CSS in your design studio. Like usual. Blame it on the custom codes. LOL...

            I removed all codes from my design studio. The icons were back. So I started placing codes back in one at a time until they disappeared again. There was only one code that made it disappear. So I left that code out. Lo and behold, the next day the icons are gone again. Like I said it's nothing to do with my codes. There are a lot of networks out there that are not using this code and they're still losing those alternate sign in and sign up icons. The buttons are still there but the icons for them or not.

            For example this network is not using any of my codes, but the icons are still gone.

            http://vudesk.com/profile/ismailshah

            • Your the man, George. I find it kind of fascinating how Ning blames everything on CSS codes that have been added. Like on the activity on 4himalone2.ning.com. I have it set so that comments on profile pages are not to be shown on activity , yet they are. When a ticket was sent to Ning, their comment was it is in CSS codes. George, if that is the case, why do they still appear after you took the coding out? Hopefully soon, they will be a product that we can be proud of again.

              Blessings,

              Jim

This reply was deleted.

Search the Creators Network

Latest Activity

Suki Winthrop replied to Fabricio Giugni's discussion Ning 2.0 or Ning 3.0 ?
"Seems familiar.
Nothing much happenig in months,
little communication, still soo  outdated and lack…"
8 hours ago
Tom Whelan replied to David Carr's discussion Being a Ning Network could ruin the deal
"I agree George,
When it comes to actual livelihood and business professionalism, I need stability a…"
8 hours ago
Phil replied to Anna Ning Support's discussion Announcing Events for Ning 3.0
"I like to disable RSVPs because members rarely bother to RSVP. It gives a bad impression when you s…"
9 hours ago
Arman and Tom Whelan joined Ning Creators Network
11 hours ago
⚡JFarrow⌁ replied to Fabricio Giugni's discussion Ning 2.0 or Ning 3.0 ?
"Everything is starting to pick back up as best I can tell.  You are correct in thinking that you sh…"
yesterday
⚡JFarrow⌁ replied to David Carr's discussion Being a Ning Network could ruin the deal
"We can work this in several ways. Give me a call back to discuss..."
yesterday
Fabricio Giugni replied to Fabricio Giugni's discussion Ning 2.0 or Ning 3.0 ?
"How can we trust Ning now? Seems to be everything bad. "
yesterday
Beverly is now a member of Ning Creators Network
yesterday
Kyryl_Ning_Support replied to Fabricio Giugni's discussion Can we see and show member statics?
"Hi there,
Unfortunately, the leaderboards are not available on 3.0 platform.
However, we have fille…"
yesterday
Kyryl_Ning_Support replied to Yana Ning Support's discussion CAPTCHA - NO BOTS AND SPAMMY CONTENT
"Hi Dan,
As we can see you have resolved your issue the same day with our CS representative.
Best re…"
yesterday
Fire-Tech replied to Fire-Tech's discussion 3.0 Tip: Insert Image Into Signin Page
"Yeah, I'm still here in the shadows. Been working on other projects until Ning gets their act toget…"
yesterday
⚡JFarrow⌁ replied to Fire-Tech's discussion 3.0 Tip: Insert Image Into Signin Page
"time to reboot, homey!"
Tuesday
George Swann replied to Fabricio Giugni's discussion Ning 2.0 or Ning 3.0 ?
"All newly created Ning networks are 3.0 by default. You cannot create a new 2.0.
You can however bu…"
Monday
George Swann replied to David Carr's discussion Being a Ning Network could ruin the deal
"My question is this, can my network be moved off the Ning platform to another, one that would not b…"
Monday
Kyryl_Ning_Support replied to Fabricio Giugni's discussion What a special Member can DO?
"Hi Fabricio,
Unfortunately, the options that you have mentioned are not available on our platform.…"
Monday
Deb Della Piana is now a member of Ning Creators Network
Monday
Bizz ( John ) replied to Bizz ( John )'s discussion Re-size Avatars In Messages Table And Messages Detail
"You can adjust the sizes for the ningbar text and icons with just a little css. Just don't go to bi…"
Monday
Bizz ( John ) replied to Bizz ( John )'s discussion Adding Your Friends, Email notifications and SignOut,Sign in To Your Profile Page ( updated so these and the options, social links all inline to the left )
"That's great news your site is backup, any ideas what happened ?"
Sunday
More…