Thursday, November 4, 2010

Round Corners and Shadow around Post images - Chrome, Safari, Opera, Firefox compatible

Slight rounded corners and shadow around Post images - Chrome, Safari, Opera, Firefox and co. compatible.

Add to CSS:

.post img{-moz-box-shadow:2px 2px 3px #CCC;border:1px solid #DDD;margin:0 15px;padding:3px;-webkit-box-shadow:2px 2px 3px #CCC;box-shadow:2px 2px 3px #CCC;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

Sample:




Add a Magnifier Zoom icon instead of Hand by on image hover:

.post img{cursor:url("http://www.fileden.com/files/2007/7/24/1292909/zoom.cur"),pointer !important;}

download and host the cursor please by self as the page do have hotlink protection timewise

No comments:

Post a Comment

English France German Spain Italy Dutch Russia Brasil Japan Korea Arabic China