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

FORUM

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 –

Replies

  • 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.

    1064517075.png

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⌁ updated their profile
1 hour ago
Fashion replied to Anastasia_Ning_Support's discussion
Why should I migrate?
"Unfortunately, I am not sure that anyone would pay $1. Even though I pay several hundred dollars f…"
2 hours ago
Scott Bishop replied to Scott Bishop's discussion
301 Redirect to Subdomain
"Oh, I didn't realize that www is actually considered subdomain. I've got no problem dropping the ww…"
4 hours ago
⚡JFarrow⌁ replied to Scott Bishop's discussion
301 Redirect to Subdomain
"well, both www and community would be subdomains so www.community.surfershot.com may not work...hav…"
6 hours ago
Scott Bishop posted a discussion
Does anyone know the best way to redirect our mysite.ning to a subdomain (community.). I already ha…
9 hours ago
Scott Bishop replied to Scott Bishop's discussion
How to Change the Navigation Font that is Not Listed
"Thanks Bizz, but it still didn't do anything. "
yesterday
Bizz replied to Scott Bishop's discussion
How to Change the Navigation Font that is Not Listed
"It looks like you have a semi colun before the important which may stop it working, here in bold
na…"
yesterday
Scott Bishop replied to Scott Bishop's discussion
How to Change the Navigation Font that is Not Listed
"Thanks! ...but it's not working. 
Perhaps I'm putting your Design Studio code in the wrong spot. I…"
yesterday
⚡JFarrow⌁ replied to Scott Bishop's discussion
How to Change the Navigation Font that is Not Listed
"Yes.. go to the page for the font
choose your font weights
add this to the top of Custom Code
<link…"
yesterday
Somos Más, CAROL FOSTER, Hyacinthe Romain and 1 more joined Ning Creators Social Network
yesterday
Luca Boscardelli, James Pearson, Allen Williams and 2 more joined Ning Creators Social Network
Monday
Ana Massien updated their profile photo
Saturday
More…

Meanwhile, you can check our social media channels