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

Votes: 0
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.

    3218332?profile=original

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

Bizz replied to Bizz's discussion
Tip: PROFILE THEMES
"Thanks buddy, yep moved onto the layouts now and have added page sizes now so users can choose how…"
17 hours ago
Annabel Gregory replied to Bizz's discussion
GETTING REALLY FRUSTRATED WITH THIS !!
"We are having the same problems here - also in the UK - we keep getting this pop-up"
yesterday
Bizz replied to kostasgr's discussion
RSS OFF..///--.ning_3...///
"Jfarrow has lot's of cool stuff for rss feeds etc, check him out as may be able to help"
yesterday
kostasgr replied to Bizz's discussion
GETTING REALLY FRUSTRATED WITH THIS !!
"Bizz ! .. we should all mention it .... and the internal RSS feeds do not work are all off ...and t…"
yesterday
Bizz replied to Bizz's discussion
GETTING REALLY FRUSTRATED WITH THIS !!
"Glad to see you added this to the forum as well so at least they know it's network wide and not jus…"
yesterday
kostasgr replied to kostasgr's discussion
RSS OFF..///--.ning_3...///

 
 
 
 
 
 
 
 
 
  
 
 
 "
yesterday
kostasgr replied to Bizz's discussion
GETTING REALLY FRUSTRATED WITH THIS !!
yesterday
kostasgr replied to Bizz's discussion
GETTING REALLY FRUSTRATED WITH THIS !!
"hi Bizz ..!!...And I have the same problem ... I have +++ and the RSS interiors do not work ... the…"
yesterday
Bizz posted a discussion
Whatever Ning has done or is doing is causing a lot of problems and it's getting really annoying. N…
yesterday
kostasgr posted a discussion
Hi !! ... does anyone know any code ?? Because they told me they did a renewal .. the ning ..and th…
yesterday
⚡JFarrow⌁ replied to Bizz's discussion
Tip: PROFILE THEMES
"great work Bizz... coming along nice!"
Friday
⚡JFarrow⌁ replied to Anastasia_Ning_Support's discussion
New time formats now available
"true"
Friday
More…

Meanwhile, you can check our social media channels