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

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.
 

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

Ana Massien updated their profile
yesterday
Ana Massien and ⚡JFarrow⌁ are now friends
NC for Hire
yesterday
⚡JFarrow⌁ and Captain Major RockettBobebuzz are now friends
yesterday
Ginette Hudson, Wendy Heatley, Javon Varona and 1 more joined Ning Creators Social Network
Friday
James Gatlin, Graham Plaster and jesse bollman joined Ning Creators Social Network
Thursday
Ana Massien updated their profile photo
Wednesday
Ana Massien updated their profile photo
Wednesday
Ana Massien updated their profile photo
Wednesday
Ana Massien updated their profile photo
Wednesday
Ana Massien updated their profile photo
Wednesday
Ana Massien replied to Gemma Space's discussion
Chatroom - Add gif chooser, embeddable youtube links
"There is a chat program 3rd party called Minnit Chat, it allows html embed, gifs and emotes. I am s…"
Wednesday
Michael Newman and Rita Susana Galusso Peña joined Ning Creators Social Network
Wednesday
More…

Meanwhile, you can check our social media channels