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

Forum

soaringeagle did a a nice zoom effect with photo's for me some time ago which has been very popular as i see it on a lot of networks. Great work Se :-)I have added A border which gives your photo a more polished look with the zoom, and as i'm running a 3 column site there is 1 column always on the right and the photo would zoom strait out so i added 70px translate which you can remove if it does not suit your site, but on mine.. this keeps the photo in the centre of the web page. The shadow is a nice effect and adds a little more depth to the photo,I've left the 1.65 values in just incase you do not need the translate values.Remember you can always test in your Test Site. And variables can be changedI have attached 2 files, 1 showing the border and 1 showing the shadow effect,my site is quite dark but on a lighter coloured site the shadow would stand out great.Enjoy :-)a.next_photo_link img:hover {transform:scale(1.65);-ms-transform:scale(1.65);-o-transform:scale(1.65);-webkit-transform:scale(1.65);-moz-transform:scale(1.65);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;-moz-box-shadow: 1px 27px 47px #000000;-webkit-box-shadow: 1px 27px 47px #000000;box-shadow: 1px 27px 47px #000000;transform: rotate(0deg) scale(1.593) skew(0deg) translate(70px);-webkit-transform: rotate(0deg) scale(1.593) skew(0deg) translate(70px);-moz-transform: rotate(0deg) scale(1.593) skew(0deg) translate(70px);-o-transform: rotate(0deg) scale(1.593) skew(0deg) translate(70px);-ms-transform: rotate(0deg) scale(1.593) skew(0deg) translate(70px);border:ridge 10px #666366;-moz-border-radius-topleft: 10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}

You need to be a member of Ning Creators Network to add comments!

Join Ning Creators Network

Email me when people reply –

Replies

  • Okay, I tried your code and I did not see any effect.  How exactly do you zoom to a photo?  I assume it takes more than just clicking on the view full size command?

  • nice job Dave!

    • Thanks Armani :-)

  • Hi Doone, pick a photo out that you want to look at, Click the photo and it takes you to the page where you can have a better look at the photo.. Now just move your curser over the photo and it will zoom out with a border and shadow around the photo.

  • A better view of the Border and shadow around your photo on zoom..The border adds a nice TV like appearance which i think is very effective.

This reply was deleted.

Search the Creators Network

Latest Activity

steve replied to Gerry Emery's discussion I'd like to see an example or two of the new NIng 3.0 websites
"Can see i have a long way to go looking at some of these wonderful sites but im happy with it so fa…"
8 hours ago
JFarrow replied to JFarrow's discussion How to Map Your Members on a Ning Network
"Because this actually happens outside of the actual network, i don't see how they could, Gerry....…"
10 hours ago
JFarrow commented on Gerry Regan's blog post Seeking provider of alternative to Apps.IO's Listings app. in Hire a Creator
"If you're still looking for help with this, I have a few ideas...ill send you my contact info.."
10 hours ago
JFarrow left a comment for Natasha Dyer
"Just sent you a message by email...happy to help!"
10 hours ago
JFarrow replied to Bernard Lama's discussion Thank you TJ, Jen and other NCs!
"for sure... always inspired by these guys!"
14 hours ago
Tyler Durbin replied to Bernard Lama's discussion Thank you TJ, Jen and other NCs!
"TJ has saved my butt a few times!  The guy is a master at what he does and his code always works fl…"
14 hours ago
Rowald replied to Rowald's discussion Site host name, https://network.com, does not match your SSL certificate Subject Name
"Hi Laura, well.. like Amanda said it's expected behavior on their end. Not sure if there is anythin…"
yesterday
George H. Compton IV replied to Bernard Lama's discussion Thank you TJ, Jen and other NCs!
""
yesterday
Katie McKay replied to Bernard Lama's discussion Thank you TJ, Jen and other NCs!
"Agree!"
yesterday
George H. Compton IV replied to soaringeagle's discussion mobile traffic reaches new high and no 3.0 completion date in sight
"Hello seoaringeagle :-)  fullwidth responsive Ning 2.0 network. That's what I'm working on right n…"
yesterday
Kos replied to Heather Ales's discussion How to center group images in Group Hub
"Oh cool.  I had worried a/b how it would appear oh phone when it needs to be responsive (had just p…"
yesterday
Heather Ales replied to Heather Ales's discussion How to center group images in Group Hub
"That worked perfectly! Thank you!!"
yesterday
Kos replied to Heather Ales's discussion How to center group images in Group Hub
"Heather try this (you might need to adjust the 242 up or down) although centering the actual "table…"
yesterday
Jamie Baker replied to Jamie Baker's discussion Ning 3.0 Tips, Tools and more.
"Cheers John, A few members creeping in now."
yesterday
Heather Ales is now a member of Creators Dashboard
yesterday
Heather Ales replied to John Bizley's discussion Page Navigation, Categories & Groups Navigation Tabs Customize
"Thanks John!!"
yesterday
Laura Occhipinti replied to Rowald's discussion Site host name, https://network.com, does not match your SSL certificate Subject Name
"Rowald - Did you end up doing nothing about this or did you make some changes?"
yesterday
John Bizley replied to John Bizley's discussion Page Navigation, Categories & Groups Navigation Tabs Customize
"Hi Heather
 Yes you are correct. The part you are trying to style is this section /**** Sub Nav Cod…"
yesterday
Heather Ales replied to John Bizley's discussion Page Navigation, Categories & Groups Navigation Tabs Customize
"John, 
Would that be the coding to change the tabs on the group hub? Would they be considered "Subn…"
Sunday
Bernard Lama replied to Elson Tan's discussion [3.0 MOD] Quick Login for 3.0!
"Hi Elson, when  I click on Sign Up it is going to http://MYSITE.com/+%20getsignup%20+
Can you help?"
Sunday
More…