close

CLIENT BISTRO

Publish any content here. It's suitable for self presentation, legal information or login module.
YOOtheme
Module Information
  • module position: "cpanel"
  • NEW: sliding height can be set in the template configuration
Configuration
Use the template configuration to turned off the Top Panel. How does it look? Click here!

Top Panel
YOOspotlight
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.
 
[ Back ]