close

YOOtoppanel

Publish any content here. It's suitable for self presentation, legal information or login module.
YOOtheme
YOOtoppanelModule Information
  • module position: "cpanel"
  • sliding height is configurable

Configuration
Use the template configuration to turned off the Top Panel. How does it look? Click here!


Top Panel
Sunday, 19 May 2024
YOOreflection PDF Print E-mail

Reflection

YOOreflection allows to add fantastic reflection effects to your images in modern browsers. This template includes Reflection.js for mootools which is an improved version of the original Reflection.js script. So you don't need to spend time in an image editor creating reflections.


Usage

YOOreflections can be added to any image tag over any kind of background (even image backgrounds!). Add a class="reflect" attribute to any image tag.

For example: 
<img class="reflect" title="my caption" src="image.jpg" width="240" height="180" />

You can apply multiple classes to an image (separated by spaces), the script will detect if “reflect” is one of them.

CSS limitations
When adding the reflection effect, the script wraps the image inside a block and adds the reflection to the same block, just below the original image. The class and style attributes of the image will be set blank and applied to the div instead, so the whole block will show like the original image. This means that you can style the mirrored images using CSS classes and using their style attribute, but you can not style the img tag directly.
 
Powerd by YOOtheme
Sign up today!
XHTML Validation
CSS Validation
Powerd by YOOtheme