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

Nancy Marsh replied to Nancy Marsh's discussion Suggestions for Broadcast Message Archive
"Sorry, I posted prematurely.
I was starting to say that the site is private.
Thanks"
26 minutes ago
Zachary Moonshine replied to Zachary Moonshine's discussion Floating widget help ?
"wow George you rule dude ! thank you man ! to hell with spot.im i am gonna do this "
1 hour ago
Garfield Creator replied to Zachary Moonshine's discussion Floating widget help ?
"Just want to say I have a lot of respect for someone who is willing to spend "a couple of hours" on…"
6 hours ago
George H. Compton IV replied to Zachary Moonshine's discussion Floating widget help ?
"I spent a couple hours updating the code. :-) It's now fully responsive and I also added a chatwing…"
17 hours ago
Zachary Moonshine replied to Zachary Moonshine's discussion Floating widget help ?
"WOW that looks killer , i had started using spot.im too but most of my users already are used to th…"
20 hours ago
George H. Compton IV replied to Zachary Moonshine's discussion Floating widget help ?
"Here's all the code you need to have it working perfectly. See image below. It's awesome. Chatwing…"
yesterday
Ceddy J replied to soaringeagle's discussion hmm interesting careers at ning/mode
"That's how I feel man. This is a great analysis. Ning takes a long time with updates, but never thi…"
yesterday
Kos replied to James Hollins's discussion Ning site is full of pop ups
"Mine are back up.  Were you able to resolve your pop up issue?"
yesterday
Zachary Moonshine replied to Zachary Moonshine's discussion Floating widget help ?
"<div id="chatwing-embedded-1d973543-c11b-48d4-9e52-544915bd6a0f"></div>
  
THIS IS THE CODE FOR MY…"
yesterday
George H. Compton IV replied to Kos's discussion Holidays Just Around The Corner
"You're welcome Kos, you have a wonderful holiday season as well. :-)"
yesterday
George H. Compton IV replied to George H. Compton IV's discussion ( 11 themes N3 & N2 ) Customizable CSS winter/holiday themes
"Thank you Jim. :-) I like the one that's on CRF 3.0 the best. :-)"
yesterday
George H. Compton IV replied to George H. Compton IV's discussion ( 11 themes N3 & N2 ) Customizable CSS winter/holiday themes
"Thank you Marshall."
yesterday
George H. Compton IV replied to Zachary Moonshine's discussion Floating widget help ?
"Hello Zachary, this code should do the trick. Of course I don't know what you're trying to fix to t…"
yesterday
Kos replied to Zachary Moonshine's discussion Floating widget help ?
"I found this old discussion you may be able to adapt by changing the placement on the page.  Headed…"
yesterday
Kos replied to James Hollins's discussion Ning site is full of pop ups
"You're sounds like malware.  I'd defintely run a scan and try diff. browsers.
I'm unable to access…"
yesterday
Zachary Moonshine replied to Abdullah ktk's discussion floating image post
"is there any way to make my chatwing float or popup on my entire site using something like this ?"
yesterday
marshall blake replied to George H. Compton IV's discussion ( 11 themes N3 & N2 ) Customizable CSS winter/holiday themes
"Very cool George."
yesterday
Eric Odom replied to Eric Odom's discussion 94,000 members, $1,200 a year for Ning... and Ning seems to be AWOL.
"Thanks for the comment, @strumelia. Two problems. First, we just can't be on 2.0 anymore. Our membe…"
yesterday
Deb W. replied to Deb W.'s discussion Recommendations for Ning alternatives?
"Thanks everyone for your input and ideas... You've been very helpful... I will go and hang out now…"
yesterday
Jim Kinson replied to George H. Compton IV's discussion ( 11 themes N3 & N2 ) Customizable CSS winter/holiday themes
"Great work George. As far as the live ones, I think I like the one on CRF 2.0 the best.
Blessings."
yesterday
More…