Home Features Web 2.0 Features YOOspotlight

YOOspotlight

E-mail Print PDF
YOOtheme introduces another new exclusive YOOtheme template feature. YOOspotlight!

YOOspotlight creates a smooth fading effect between two images while hovering a element. Now you can place cool spotlight effects all over your site.

How to

Create a div or span element with a background image (image.png) to display your image in your content. Add a class="spotlight" attribute to the div/span tag. The filename of the related image for the hover effect has to be named with the suffix _spotlight (image_spotlight.png) and has to be in the same folder as the background image (image.png).

Example for div tag:
<div class="spotlight" style="background: url(../images/logo.png) no-repeat;" width="240"; height="180"></div>

Example for span tag:
<span class="spotlight" style="background: url(../images/logo.png) no-repeat;" display: block; width="240"; height="180"></span>

If you want to put a link around the YOOspotlight image use span tags for the YOOspotlight to be XHTML 1.0 valid. And don't forget to add display: block to the CSS styling for the span tag.
 
JA slide show

Gallery Tree


Warning: Invalid argument supplied for foreach() in /home3/raisyste/public_html/3rdaxis3/modules/mod_phocagallery_tree/mod_phocagallery_tree.php on line 94

Warning: Invalid argument supplied for foreach() in /home3/raisyste/public_html/3rdaxis3/modules/mod_phocagallery_tree/mod_phocagallery_tree.php on line 119
www.puhua.net www.darongshu.cn www.fullwa.com www.poptunnel.com