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

 New version 3.2.1

Enjoy the animation code :-)  

click here to see it live   

The code goes in your design studio CSS section

/* GEOCOM's photos page and module + Groups thumbnail img 3-D animation */
A.matrix-item.matrix-sheet {
   border: 5px solid rgba(249, 74, 246, 0.43)!important;
   border-radius:11px 3px 11px 3px!important;
   box-shadow: 0px 6px 6px 3px rgba(222,  34,  186,  0.2)!important;
   transition:all 1s ease-in-out!important;} 
LI.matrix-itemFluid.groupHub-group,
A.matrix-item.matrix-sheet DIV.matrix-media-4-3 {
   z-index:1!important;
   position: inherit!important;}
 A.matrix-item.matrix-sheet:hover {
   border: 5px solid rgba(000, 000, 000, 0.73)!important;
   border-radius:3px 11px 1px 11px!important;
   box-shadow: 0px 200px 15px 8px rgba(000, 000, 000, 0.43)!important;
   transform: matrix(1.5, 0.5, 0.2, 0.9, 0.0, 20.2)!important;
   -webkit-transform: matrix(1.5, 0.5, 0.2, 0.9, 0.0, 20.2)!important;
   transition:all 1.0s ease-out!important;
   z-index:2!important;}
/* End 3-D animation Ning3 */

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

  • Hi George 

    This is great  I love , I have copy and paste in both site  

    Thank you 

  • woooooooooow, thx

  • This reply was deleted.
    • Hello Solael, of course I'm able to assist you.
      I believe this is what you wanted.
      You have a great day :)





      /* GEOCOM's members avatar 3-D img animation Ning 3.0 */
      DIV.profileCoverArea-avatarFrame,
      DIV.row.membersSection-avatars SPAN.avatar.avatar-96,
      DIV.matrix-itemFrame {
          border: 2px solid rgba(249, 74, 246, 0.43)!important;
          border-radius:11px 3px 11px 3px!important;
          box-shadow: 0px 6px 6px 3px rgba(222,  34,  186,  0.2)!important;
          transition:all 1s ease-in-out!important;}
      DIV.profileCoverArea-avatarFrame,
      DIV.row.membersSection-avatars SPAN.avatar.avatar-96,
      DIV.matrix-itemFrame{
          z-index:1!important;
          position: inherit!important;}
      DIV.profileCoverArea-avatarFrame:hover,
      DIV.row.membersSection-avatars SPAN.avatar.avatar-96:hover,   
      DIV.matrix-itemFrame:hover {
          border: 5px solid rgba(000, 000, 000, 0.73)!important;
          border-radius:3px 11px 1px 11px!important;
          box-shadow: 0px 130px 15px 8px rgba(000, 000, 000, 0.43)!important;
          transform: matrix(1.5, 0.5, 0.2, 0.9, 0.0, 20.2)!important;
          -webkit-transform: matrix(1.5, 0.5, 0.2, 0.9, 0.0, 20.2)!important;
          transition:all 1.0s ease-out!important;
          z-index:9999!important; }

      • Hello George, I'm very happy, I have to point it :D Thank you

        • Ahh Thank you Noémi, you're welcome :D

    • I'm sorry Solael, I misunderstood what you wanted. You want my box shadows and border radius codes from Jim's 2.0 network for your 3.0 network.. This should do the trick :)


      /* GEOCOM's member Thumbnail's & module's borders, colors and box shadows*/
      DIV.profileCoverArea-avatarFrame,
      DIV.row.membersSection-avatars SPAN.avatar.avatar-96,
      DIV.matrix-itemFrame,
      DIV.grid-frame.sheet {
          border-radius: 5px 25px 5px 25px!important;
          border: 1px solid rgb(170, 170, 170) !important;
          box-shadow: 6px 6px 10px rgb(204, 204, 204)!important; }

  • Hi George!

    I'm sorry for bad English. I am writing machine translation. I would like to ask you a code that is in the center of the header? Ever since I put it, the code to the page to full screen size of the header slid to the right. If you can, please help.
    Thank you so much.

    http://noening1.ning.com/

    • Hello again Noémi, this will fix the problem add this code underneath my stylesheet that widens your network in your "Custom Code - End of Page Code box".

      <style>
      .site-header {
          background-position: center!important;}
      </style>

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

LEO Mobile App Builder updated their profile
Tuesday
Aase Lillian replied to Aase Lillian's discussion
Community - activity page
"Ok, thank you. Please send me details as I have no idea on how to do it. "
Mar 19
Aase Lillian and ⚡JFarrow⌁ are now friends
NC for Hire
Mar 19
⚡JFarrow⌁ updated their profile photo
Mar 18
⚡JFarrow⌁ replied to Aase Lillian's discussion
Community - activity page
"Yes you can add emojis to your community pretty much anywhere you like.
If you need some help…"
Mar 18
Aase Lillian updated their profile
Mar 18
Aase Lillian posted a discussion
Hi all. Is it possible to add emojis to the community? I also wish the activity page to include…
Mar 18
Donna MacShoe updated their profile photo
Mar 6
Adul Rodri is now friends with ANGE.L LUAR and Margarida Maria Madruga
Feb 14
Shweta Sharma updated their profile
Jan 26
catherine martin updated their profile
Jan 16
Donna MacShoe updated their profile photo
Jan 15
More…

Meanwhile, you can check our social media channels