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

FORUM

NC for Hire

Add Shadow and border effect to the profile photo.

Instruction: Copy and paste the following code into Advanced CSS box.

 

The Code

.xg_widget_profiles_profile .dy-avatar.dy-avatar-full-width{

padding-bottom: 93%;
max-width: 93%;
margin: 5px;
width: auto;
float: left;
text-align: center;
border: white 2px solid;
box-shadow: 0 0 10px #888;
-moz-box-shadow: 0 0 10px #888888;
-webkit-box-shadow: 0 0 10px #888;
margin-left: 5px!important;
}

 

Want to give a different look to your network?  Contact me for a quote. 

Example:

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

  • Cool!

  • Good one!

  • i like ...this : thx bro

  • Another great styling tip! Thank you Bernard!

  • Hi Bernard,


    very cool! Thanks a lot for sharing. Well, I've tried to add shadow to the left & right of the body. (Don't know how to explain it in english...sorry). I've attached an image, please have a look at the red arrow. Hope you can help me :)1064506475.png

    • NC for Hire

      Thanks Sandra. Use this code in advanced CSS

      #xg_body {
      -moz-box-shadow:
      inset 5px 0 5px -5px #333,
      inset -5px 0 5px -5px #333;
      -webkit-box-shadow:
      inset 5px 0 5px -5px #333,
      inset -5px 0 5px -5px #333;
      box-shadow:
      inset 5px 0 5px -5px #333,
      inset -5px 0 5px -5px #333;
      }

      • Thanks Bernard. My width is 1024px, so I've add it to the style. But how can set the shadows outside? I've tried, "inset" change to "outset", but it doesn't work...I've also played with the px-sizes - without success: (

        I would be very happy if you could help me again.

         

        • NC for Hire

          You are welcome Sandra. Well, I can't say anything coz I don't know the problem of your site.

          But the above code is the right code for everyone. 

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

Bobby Morelli, Jeffrey Gross, Magdalena and 4 more joined Ning Creators Social Network
5 minutes ago
⚡JFarrow⌁ replied to Fabricio Giugni's discussion
integrate Builderall with Ning
"I don't see how that would be possible.."
13 hours ago
⚡JFarrow⌁ replied to Fabricio Giugni's discussion
How can I add video from Youtube on landing page?
"wow... ok..glad it worked for you.."
13 hours ago
Grace Shaki, Martin, Git Along and 16 more joined Ning Creators Social Network
20 hours ago
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?????"
yesterday
Fabricio Giugni posted a discussion
Hi there,  Can we integrate the Builderall with Ning? The only thing I want from Ning is the abilit…
Saturday
Fabricio Giugni replied to Fabricio Giugni's discussion
How can I add video from Youtube on landing page?
"Hi,
    Thanks, it did work. But I will create this page in some other place. I spend a Thousand do…"
Saturday
⚡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…"
Friday
⚡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…"
Thursday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
How to Give Your Ning a Really Fake Voice
"These days I use Speakpage and it provides a great on the fly service, but it is limited to a singl…"
Thursday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
How to Create Search Feeds in Bing with a Simple Hack
"thank you brother"
Thursday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
How-to Control Number of Member Profiles on Member Page Using CSS
"Wow... just look how active Creators used to be!"
Thursday
More…

Meanwhile, you can check our social media channels