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

  • Very nice, George!  Dave's site looks great. :-)

    • Thank you TJ @ jQueryHelp....   There's been a few more updates since the last time you had a look. You can now sign up to the network on small cell phones with screen resolutions of 250 pixels and wider. :-)
      Thank you again, TJ, you have a great day :-)

    • Hello TJ @ jQueryHelp

      Since Ning is planning on keeping the 2.0 networks, I figure I'll update this for all themes and layouts. Here's my question. Have you figured out a way to disable Ning's mobile app? I was hoping you had something that would work. It may take me hours or days to figure it out. LOL So please if you do know or have the time to figure it out. It would be much appreciated by me and probably a few other creators. :-) Thank you again for the compliment. Hope you're having a wonderful day.

      PS ~~ Sweetpotato, Jen, or any other Creator that has a code or an idea on how to turn off the mobile app, your input would be greatly appreciated. :-)
      GC

      • I would be very interested in installing this code for my 2.0 The mobile sucks and I've lost a ton of traffic because of it. 

        • Hello writer :-)
          I know I hate the mobile version as well.

          Here in a few weeks I'll have the updated version, I'm completely starting from scratch and using more advanced codes with some tweaks and adjustments. There'll be two versions. The first one will be like the original fullwidth and responsive. The second version will be just for mobile phones and portable devices.  I hope everyone likes it :-)

          You have a great day :-)

          • NC for Hire
            To remove the Ning 2.0 mobile version simply head to your dashboard mobile area /main/mobilepage/list and remove all pages from that section by clicking on the mobile icons (Activity, Forum etc) and deleting them.

            Docu here: http://www.ning.com/blog/2012/07/ning-mobile-a-new-interface-design...

            Hope that helps.

            SP
            • Thanks for this info, SP, appreciated!

            • Thank you SweetPotato, you are awesome!!!! :-)

                I'll now be able to test my codes with Google, awesome. Thank you thank you thank you :-)

              I did see that section but I was afraid to delete anything. I was looking for an on off switch, like all the other apps. Would've been just my luck to delete them all, go to mobile and see nothing but a blank mobile app with a menu button that has only one tab for desktop view. LOL

              Thank you again SweetPotato

              GC

            • Thank you, SP! When I tested George's sites it seemed like it started launching the Ning mobile version, then switched to his, which was confusing and greatly added to load time. By removing the Ning mobile that eliminates that?

              • Hello Steve, Ning 2 Now passes Google developers mobile friendly test, without using Nings mobile app. ((See image below.)) :)   I still have more font work to do with the rest of the network but the homepage is passing... :D These updates are not added to the codes above I'll add them to the new version.

                beachcats

                You have a great day and thank you for the friends request.

                GC

This reply was deleted.

Search the Creators Network

Latest Activity

Bizz ( John ) replied to Bizz ( John )'s discussion Videos Playing In Activity Feed, check it out on my site ( Updated: 19-04-17 )
"Added a nice little popout option for this as well if watching on tablets or screens."
6 hours ago
Ning via Facebook

#inspirewithNING #success Explore new horizons with NING and NING Creators Network! Find your…

Bizz ( John ) replied to Bizz ( John )'s discussion Videos Playing In Activity Feed, check it out on my site ( Updated: 19-04-17 )
"Would be interested to hear if anyone has tried this and encountered any problems. Works fine for m…"
Friday
Bizz ( John ) replied to Annabel Gregory's discussion Events on Ning3
"Glad to help for a temporary fix until Ning adds this option. By the way if you want to see it work…"
Friday
Annabel Gregory replied to Annabel Gregory's discussion Events on Ning3
"Thanks, John - I will try your tip. I do hope Ning will make this unnecessary soon, though!"
Friday
Annabel Gregory replied to Annabel Gregory's discussion Events on Ning3
"Thank you, Kyryl, I look forward to hearing from you."
Friday
Bizz ( John ) replied to Annabel Gregory's discussion Events on Ning3
"Hi Annabel
I just created a small tip for this so members do not have to add an image
Events Defaul…"
Friday
Paul Corona replied to Ian's discussion Side Backgound Image keeps shrinking and orienting left & animated gif header isn't working
"Images recently have been a royal pain.  I resolved my background image issue on my profile, but we…"
Friday
Ning via Facebook

#createwithNING #design Colourful design is the highway to network popularity. Check NING…

Bizz ( John ) replied to Bizz ( John )'s discussion Custom code being blocked by browsers unless your signed in!
"Thanks for the reply Kyryl and testing this out. No nothing special within them just a list of link…"
Friday
Kyryl_Ning_Support replied to Marcelo Rodrigues's discussion Network stability issues
"Hi there,
Thanks, for additional information, however when I have checked your network the issue ha…"
Friday
Kyryl_Ning_Support replied to Anastasiia_NING support's discussion Ning 2Q 2017 plan!
"Hi there,
Thanks for the explanation. And here is the good news for you, we already have had the su…"
Friday
Kyryl_Ning_Support replied to Bizz ( John )'s discussion Custom code being blocked by browsers unless your signed in!
"Hi John,
Just checked the code with two html boxes on the main page and the script working properly…"
Friday
Badan Barman replied to Anastasiia_NING support's discussion Ning 2Q 2017 plan!
"Dear Kos, Yes I know there are ways to put ads in between blog post, forum and others but my point…"
Friday
Badan Barman replied to Anastasiia_NING support's discussion Ning 2Q 2017 plan!
"Dear Kyryl,
Thank you for reading the comment and forwarding it to the management. It is a much nee…"
Friday
Bizz ( John ) replied to Bizz ( John )'s discussion Videos Playing In Activity Feed, check it out on my site ( Updated: 19-04-17 )
"Well this is working a treat now, on tablets and mobiles the little full screen works very nicely a…"
Thursday
Bizz ( John ) replied to Bizz ( John )'s discussion Custom code being blocked by browsers unless your signed in!
"I think I found the issue with this. On my homepage I had two html content box's, one was for non m…"
Thursday
Kos replied to Anastasiia_NING support's discussion Ning 2Q 2017 plan!
"Badan there are ways to inserts ads, let's say inside all forum or blog posts, or up next to the he…"
Thursday
Marcelo Rodrigues replied to Marcelo Rodrigues's discussion Network stability issues
"Hello,
It's a problem with the whole network. Sometimes my members contact me saying the network is…"
Thursday
Vincent Trousseau and Ana Soledad Rojas Gonzalez joined Ning Creators Network
Thursday
More…