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/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/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 Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

    • You're welcome Alessandro. :-)

      Yes there is a difference between max-width and max-device-width.

      "max-width" will work on any device no matter what the screen resolution is of the device.
       "max-device-width" will only display on devices that have that screen resolution or less. So I'm using max-device-width to target cell phones and smaller portable devices not desktop computers or laptops.

      Hope this helps, you have a wonderful day. :-)

      • Thanks! Yes, max-device-width will be helpful in some cases.

  • Well I'm finally getting around to installing this update (yeah, I'm a slug) and of course nothing goes right for me.  I need to figure out how to get rid of that 'hidenav' altogether - I need my navigation showing.  Then it's taken the member box and moved it up to navigation.

    Probably have a code conflicting or something.  Why can't things go smoothly for me?   Yes, I'm whining.  Have been very sick lately so little things feel enormous to me.

    • I'm sorry you're having trouble Kos. Send me a link to one of the webpages and I'll write a code for you. :-) Just some simple CSS will change those back. :-)

    • Ok Kos, i sent you the new codes in a message.. Don't forget to remove the old widen your network to 1024px code!!

This reply was deleted.

Search the Creators Network

Latest Activity

Thisisbully replied to Thisisbully's discussion I'm losing members because of 1 silly feature
"Anything on this still have members that have no clue on how to post photos"
5 hours ago
Steve C replied to Kyryl_Ning_Support's discussion The long-awaited Search Option is now at your fingertips!
"Is there advanced search in 2.0 besides member search? I've never seen it and could really use it."
12 hours ago
Manuel Adame Jimenez replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Hi, Kyryl, light works the way of your day, thank you, light.
☆♡☆"
14 hours ago
Kos replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Kyryl I have to say how wonderful it is to have liaison who understands CSS/HTML.  Just love it!"
15 hours ago
Kyryl_Ning_Support replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Hi there,
Just put this into your custom CSS code field to center the video.
.videoDetailPage-video…"
16 hours ago
Alex replied to Fabricio Giugni's discussion Powered by Ning How to get it out?
"Yes, Glam Media forced it upon us against Ning's original policy. Originally Ning communities had t…"
17 hours ago
Kos replied to Kyryl_Ning_Support's discussion Chat Feature Update on Ning 3.0 is ready!
"They told me there's nothing wrong. *lol* Wrong!"
17 hours ago
doone replied to Kyryl_Ning_Support's discussion The long-awaited Search Option is now at your fingertips!
"Thanks, it works great for me."
18 hours ago
Fabricio Giugni replied to Fabricio Giugni's discussion Powered by Ning How to get it out?
"    Be a White label is the best for creators. Force us to have they ads on our website is like ter…"
18 hours ago
Manuel Adame Jimenez replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Hello Kyryl, I put a screen shot, to ask you to leave the video to the center or that is option to…"
19 hours ago
Alex replied to Kyryl_Ning_Support's discussion Paid Access demo version
"I find it completely astonishing that any other type of paid access could even be contemplated, whe…"
19 hours ago
Mike Collins replied to Fabricio Giugni's discussion Powered by Ning How to get it out?
"Hi Kyryl,
This was something that Glam Media brought in and it was a real sticking point for many c…"
20 hours ago
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion The long-awaited Search Option is now at your fingertips!
"Hi there!
Thanks to both of you for your suggestions to add the advanced search option.
As I see su…"
21 hours ago
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion The long-awaited Search Option is now at your fingertips!
"Hi Kos,
We are really sorry that it was necessary to wait for such a long time to see this feature…"
21 hours ago
Mike Collins replied to Kyryl_Ning_Support's discussion The long-awaited Search Option is now at your fingertips!
"Search is bringing up items from blogs/ discussions in private groups - please can this be changed…"
21 hours ago
Giovanni Cappai replied to Giovanni Cappai's discussion HTML under header not working :/
"Hi Kyryl, thanks for your reply. On firefox it works, on chrome still doesn't."
22 hours ago
Philip Voice replied to Kyryl_Ning_Support's discussion Chat Feature Update on Ning 3.0 is ready!
"I opened a private chat with one of my members yesterday. Nothing was typed in the chat by either o…"
23 hours ago
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion Paid Access demo version
"Hi there!
Thanks for your feedback it is highly appreciated.
I have updated already existing sugges…"
23 hours ago
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion Chat Feature Update on Ning 3.0 is ready!
"Hi there!
Thanks for useful suggestions! Some of them were completely new and some I have already p…"
23 hours ago
Philip Voice replied to Kyryl_Ning_Support's discussion The long-awaited Search Option is now at your fingertips!
"If anyone is interested if you want to do an off-grid search of your network (or any site) it's eas…"
23 hours ago
More…