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.

Announcements

 

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

This Is bully replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"I hope it's available for the activity feed.."
15 hours ago
Scott Bishop replied to Scott Bishop's discussion
Mobile Upload to Branded Video Player
"A few major issues with the Branded player. 

I no longer have the secure SSL because of it. I gues…"
yesterday
kostasgr replied to kostasgr's discussion
facebook
"  Hi Ambrosie ! yes I have SSL on my site .."
yesterday
⚡JFarrow⌁ replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"Will the search features appear next week as well? "
yesterday
⚡JFarrow⌁ replied to Traddie's discussion
Examples of Great Ning 3.0 Sites
"I've been building Land Surveyors United Community for almost 14 years!   We are now on 3.0... let…"
yesterday
⚡JFarrow⌁ replied to Bizz ( John )'s discussion
How To Create Unlinked Pages In Groups Easily
"I tried it... looks like it opens some doors.."
yesterday
Anastasia_Ning_Support replied to Scott Bishop's discussion
Mobile Upload to Branded Video Player
"Hi Scott!
I have added a Branded Video Player to your network till Monday. Feel free to test it :)…"
yesterday
Anastasia_Ning_Support replied to Scott Bishop's discussion
SSL No Longer Working
"Hi Scott!
You can keep it in the domain mapping, just don't set the redirect to www.community.surfo&hellip;"
yesterday
Dallas adams and Mark B Graham joined Ning Creators Social Network
yesterday
Anastasia_Ning_Support replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"Hi Creators!
Please, note, "Add content" button is going to be released at the beginning of the nex…"
yesterday
Anastasia_Ning_Support posted a discussion
The new year is approaching, and we are busy working on new updates to make sure that NING enters 2…
yesterday
Ambroise liked marie b's discussion Landing page : won't save ... fragile, slow and buggy
yesterday
More…

Meanwhile, you can check our social media channels