Website

Deer Farmer Forum

Help Support Deer Farmer Forum:

This site may earn a commission from merchant affiliate links, including eBay, Amazon, and others.
very nice looking site you need to add meta tags and as for your gallery here is some code so they will not have to click the image to see large all they need to do is put the mouse on the image

put this in your css file

HTML:
.hovergallery img{

-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/

-moz-transform:scale(0.8); /*Mozilla scale version*/

-o-transform:scale(0.8); /*Opera scale version*/

-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/

-moz-transition-duration: 0.5s; /*Mozilla duration version*/

-o-transition-duration: 0.5s; /*Opera duration version*/

opacity: 0.7; /*initial opacity of images*/

margin: 0 10px 5px 0; /*margin between images*/

}



.hovergallery img:hover{

-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/

-moz-transform:scale(1.1); /*Mozilla scale version*/

-o-transform:scale(1.1); /*Opera scale version*/

box-shadow:0px 0px  gray; /*CSS3 shadow:  blurred shadow all around image*/

-webkit-box-shadow:0px 0px  gray; /*Safari shadow version*/

-moz-box-shadow:0px 0px  gray; /*Mozilla shadow version*/

opacity: 1;

}



this will be your html code on your gallery page

HTML:
 class="hovergallery

[img]coconut.jpg[/img]

[img]sunbreakthrough.jpg[/img]

[img]desert.jpg[/img]

[img]sunflower.jpg[/img]

[img]forest.jpg[/img]

[img]duck.jpg[/img]



Just put the name of your images in place of were I threw some image names in if you dont like the looks of that let me know I have a few other tricks up my sleeve



Bryan
 
i like it!! it looks very clean. By this i mean very easy to get around. Great looken buck too. congrats
 

Recent Discussions

Back
Top