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


NC for Hire

I've written plenty on CSS for your Ning network before, but today I'm going to show you something simple.   I'll show you how to give a layered paper look behind any aspect of your site that you like.  To start simple, let's try adding it to a text box.

FIRST:  Add this block of code to your Advanced CSS box and publish

.layered-paper { background: #eee; box-shadow: 0 1px 1px rgba(0,0,0,0.15), /* The top layer shadow */ 0 10px 0 -5px #eee, /* The second layer */ 0 10px 1px -4px rgba(0,0,0,0.15), /* The second layer shadow */ 0 20px 0 -10px #eee, /* The third layer */ 0 20px 1px -9px rgba(0,0,0,0.15); /* The third layer shadow */ }

Next go to any text box which has something in it that you'd like to give the layered paper look to, switch to HTML view
and add this before and after the block of HTML code:

<div class="layered-paper"> Whatever you want to sit on top of the layered background (in this case, "Howdy") </div>

Reference URL

The Result:

View the demo live here on my site

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

Join Ning Creators Social Network

Email me when people reply –


  • This is real nice
  • applause.gif

  • Is this CSS3 technique? Not compatible for IE?

  • This reply was deleted.
  • de  hecho   el editor nuebo es una molestia . 

    no funcionan bastantes codigos  .  y tiene limite de codigos 

  • This reply was deleted.
  • Yay!  This "layered paper" look works in 3.0!  Thank you JFarrow.


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

Suki Winthrop commented on Steve C's blog post To Ning's CEO
"I too am uncomfortable with this secretive ownership of Ning. We only know there is a Ukrainian co…"
5 hours ago
Ceddy J replied to Ceddy J's discussion
Disk Usage Enforcement
"Thank you for checking into it. "
9 hours ago
Sheshdhar Tiwari posted a discussion
My network's home page got deleted accidentally. Can Ning restore it?…
13 hours ago
Bobby Morelli, Jeffrey Gross, Magdalena and 4 more joined Ning Creators Social Network
15 hours ago
⚡JFarrow⌁ replied to Fabricio Giugni's discussion
integrate Builderall with Ning
"I don't see how that would be possible.."
⚡JFarrow⌁ replied to Fabricio Giugni's discussion
How can I add video from Youtube on landing page?
"wow... ok..glad it worked for you.."
Grace Shaki, Martin, Git Along and 16 more joined Ning Creators Social Network
Kos replied to Suzie Nielsen's discussion
How to hold a Contest? Thumbs up- on 2.0
"It's been a year.  Has anyone come up with a thumbs up/down script?????"
Fabricio Giugni posted a discussion
Hi there,  Can we integrate the Builderall with Ning? The only thing I want from Ning is the abilit…
Fabricio Giugni replied to Fabricio Giugni's discussion
How can I add video from Youtube on landing page?
    Thanks, it did work. But I will create this page in some other place. I spend a Thousand do…"
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
TRICK: Host Your External CSS and JS Files using Dropbox
"I no longer use Dropbox for this...   I use Github....  ask me how if it is too complicated for you…"
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Create a More Exciting "Featured" Email With Language Editor

still one of the most powerful tools and one of the first things I change when I start a new comm…"

Meanwhile, you can check our social media channels