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

FORUM

You can take all your CSS codes from your design studio,
NC custom code box and your ad boxes and put them on a
stylesheet. This will speed up your network and make more
room in your code box's.


(Creating your stylesheet)

remember to remove all tags from your CSS codes before adding it to a stylesheet

example remove all tags like this /*end hide modules*/ also remove any style Tags <style> & </style> from any CSS code you got from your NC custom code box, ad box or your design studio advanced CSS..

Just create a new text document on your desktop
and then copy all your CSS codes to the text document
and save. change the file extension of the text document from
.txt to .css

To change the file extension go to your "control panel" double click on the "folder options" icon. the folder options box will pop up select the "view tab" then look down the list until you find The line that says "hide extensions of known file types" uncheck that box press apply then okay. The document that you created now shows the file extension .txt at the end of the name of the document. now you can change the .txt to .css

then upload the stylesheet to your
network and replace the link (http://your_new_stylesheet.css) in this code below with
the new link you just created.

(Uploading the stylesheet)
if you have a file manager just upload it with that.
if not just create a new page without saving
press the attachment button and upload the stylesheet
when the upload completes highlight and copy the link
and paste it over the link (http://your_new_stylesheet.css) in the code below then hit
ok then cancel the new page.

(Placing the code on your network)
place the stylesheet code in
your NC custom code box or in any ad box.

CODE
<link rel="stylesheet" type="text/css" href="http://your_new_stylesheet.css" />


Stylesheet limitations
a stylesheet can not be larger than 288kb

NO JavaScript and NO HTML.
Internet Explorer 6 to 9 can only handle 31 stylesheets

most any other browser can handle 4095 or more.

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

  • hello George..hey is there a script that will allow me to put something in the ad text box above header that will not show up on everypage except home page?..

    •  not that I know of right off hand but you can use this code to remove the ad box above the header from just the profiles

      .xg_widget_profiles_profile DIV#xg_ad_above_header.xg_ad.xj_ad_above_header{display:none!important;}

      • You can check with javascript for the url of the current page, and then add the content to the ad box with javascript.

        You can check the page you are on with this:

        window.location.pathname

        https://developer.mozilla.org/en-US/docs/DOM/window.location#Proper...

        Here is what that will return for various pages:

        mysite.com - "/"
        mysite.com/pages/mypage1 - "/pages/mypage1"
        mysite.com/profiles/members - "/profiles/members"

        So you can check the main page with the following:

        (below goes in your Custom Code)

        if(window.location.pathname == "/")
        {
        //run code only on main page
        x$("#xg_ad_above_header").append("<div id='my_content'><p>some text</p></div>");
        }

        Or, conversely (and this might be cleaner depending on what you are putting in the ad box, you can do the reverse:

        //place this code in your ad box
        <div id="mycontent"><p>some text</p><img src="someimage.jpg"></div>

        //place this code in your Custom Code
        if(window.location.pathname != "/")
        {
        //hide code when not main page
        x$("#mycontent").hide();
        }

        • thanks alot

        • thank you Ron :-)

      • thanks george

  • Thank you very much George  :-)

    • you're quite welcome Dave I'm glad I could help :-)

  • Just what I was looking for today! Great tip and thanks soo much!!

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Ning3: How to Create a Combined Feed of All Forums Inside Groups
"212 views of this and no one can provide feedback?  Is this just way over everyone's head or is it…"
2 hours ago
jessicalopez liked _kiT31_'s profile
6 hours ago
Scott Bishop replied to George H. Compton IV's discussion
(TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"Hi Kyryl, 
How would I be able to use this code to make the navigation be screen wide? I have this…"
18 hours ago
⚡JFarrow⌁ replied to J.Ayvar's discussion
Any Code to make a footer Menu like creators Ning 3
"Here is whatI am using.... but i have a collection of footersyou might like to look through and for…"
yesterday
Anastasia_Ning_Support replied to J.Ayvar's discussion
Any Code to make a footer Menu like creators Ning 3
"Hi there!
One of our representatives have sent you an email, please check it. 
Best regards,
The NI…"
yesterday
J.Ayvar posted a discussion
yesterday
Scott Bishop replied to George H. Compton IV's discussion
(TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"George, I messaged you through my site www.surfer-shot.com for help. I was able to fix most of it b…"
yesterday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
TIP: How to Automagically Change Text Locations into Maps
"so glad  i had this backed up..."
Monday
Aaron Sorensen, Michael Forest , george wilson and 1 more joined Ning Creators Social Network
Monday
Jacques Dufresne updated their profile
Saturday
Luigi Starace is now a member of Ning Creators Social Network
Friday
⚡JFarrow⌁ posted a discussion
Inside Ning 3 communities, your main community forum is pretty much upfront and center and will be…
Nov 7
More…

Meanwhile, you can check our social media channels