Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
First, I have to give credit to my friend edie2k2 for peaking my curiosity on adding a unique background to a new "Custom Page" on Ning 3.0. This tip will help you style a Ning 3.0 Custom Page, since Ning hasn't yet (as of 4/6/2013) provided unique CSS selectors to differentiate between "Custom Pages", and hasn't given us our Custom Style box, like on "Pages" for Ning 2.0. I do believe Ning will offer this in the future.
I wouldn't have thought to try this. Thanks Edie!
Until Ning offers us an area to add Custom CSS for our "Custom Pages" - - How to Style a Ning 3.0 Custom Page with Linked Style Sheet / CSS, like adding a Custom Page Background Image:
You will need to know how to:
Short Instructions for Advanced Users:
Instructions for Less Advanced Users - (includes How To Create your CSS File):
Example - Create a CSS Style Sheet to Add Background Image to Ning 3.0 Custom Page:
The example below will show you how to create CSS to add add a background image to your specific Custom Page.
Example with no repeat and scroll:
background:URL ("yourbackgroundimage.jpg") no-repeat scroll 0 0 transparent!important;
Another example with repeat and fixed:
background:URL ("yourbackgroundimage.jpg") repeat fixed 0 0 transparent!important;
This code would be saved to a CSS file.
Thanks Kos, missed your comment. Yeah, things like this disturb me and why I'm being cautious about writing many tips, just yet. Where this works for one, won't work for another (like me). =)
I don't understand this piece:
What's that for?
It's really nothing to worry about learning in this case. It's just part of the syntax you need to use for the linked stylesheet, for screen and larger fonts. Here are some more details:
Awesome. Thank you! I spend a significant amount of time on w3.org :) So, here I go again.