Vivid Tools Design and Development

Home

Features

The most recent feature list for the Vivid Content extension.

Sections

Administration
Front
Styles

Administration

Style Manager

Easily install new Vivid Content Styles and remove or upgrade existing Styles

Group Manager

Intuitive layout makes it easier to locate and modify Group parameters for all Styles
Improved text filtering parameter for images, title, introduction text and links
Four powerful Modes:
1. Slide Mode
2. Content Category Mode
3. Image Folder Mode
  - Uses images from any folder.
  - Filetype filtering options
  - Folder recursion
4. Special Mode
  - Used for Styles without content.

Slide Manager

New Tab layout makes it easier than ever to create and edit slides
Quickly swap slide images
Browse for image on the server or upload images directly
Full-size image previews
Easily modify the groups of a large number of slides.

Settings

Logically grouped settings: General, Group Manager, Slide Manager, Upgrade, Dynamic Image, Debug, etc.
Thumbnail image quality
Automatic image resizing
Image background padding color

Top of Page

Front

General

Automatic CSS compression
Caching integrated with the Joomla! content management system
Clean output

Top of Page

Styles

The Vivid Content extension comes packed with many different styles:

Simple Content Slider Style (Imrpvoed from Vivid Content version 2.3.2)
Flash Style (Improved from Vivid Content version 2.3.2)
Simple 3D Flash Carousel Style
Extended 3D Flash Carousel Style
Image Slider Style
Flash Logo Scroller Style
Mootools Tabs Style
Google Maps Style
Slim MP3 Player Style
Lightwight Flash Slideshow Style
Flash Nifties Slideshow Style

Simple Content Slider Style

Simple but lightweight JavaScript slideshow with many options.
CSS has been replaced by easier to use parameters.
Custom CSS available for advanced users.

Flash Style

Advanced flash slideshow with many different configuration options.
Two versions: Lightweight and Font embedded. Vivid Content automatically selects which version is the best to use for you website.
Improved flash embedding mechanism with flash detection, automatic installation and upgrading.
Custom flash width and height.
Main Image
- Image Linking Options
  - No image link
  - Open in same window.
  - Open in a new parent.
- Image Transperency
- Large selection of ransition effects
Navigation Buttons
- 6 different styles
- Horizontal and vertical positioning
- Mouse on/off colours
Main border with customizable colour, transparency, corner roundness and width.
Title text display
- Background Panel
  - Two Gradient Colors
  - Gradient Orientation: horizontal, vertical or diagnol
  - Gradient Spread Ratio: maximum spread or no gradient
  - Transparency
  - Corner Roundness
  - Glow Color
  - Glow Strength
- Horizontal and vertical positioning
- Custom width, height or autosize
- Embedded fonts: Arial, Verdana, Tahoma, Courier New
- Transition effects
Description Text
- Background Panel
  - Two Gradient Colors
  - Gradient Orientation: horizontal, vertical or diagnol
  - Gradient Spread Ratio: maximum spread or no gradient
  - Transparency
  - Corner Roundness
  - Glow Color
  - Glow Strength
- Horizontal and vertical positioning
- Custom width, height or autosize
- Embedded fonts: Arial, Verdana, Tahoma, Courier New
- Transition effects
Thumbnail Carousel
- Vertical positioning and width adjustment
- Background Panel
  - Two Gradient Colors
  - Gradient Orientation: horizontal, vertical or diagnol
  - Gradient Spread Ratio: maximum spread or no gradient
  - Transparency
  - Corner Roundness
  - Glow Color
  - Glow Strength
Advanced Options
- Flash Quality
- Stage Alignment
- Stage Scale
- WMode
- Custom CSS for the title and description text.

3D Flash Carousel Extended

Custom flash width, height and background color.
Title Text
- Show or hide the title
- Horizontal and vertical positioning
- Width and height or autosize
- Embedded fonts: Arial, Verdana, Tahoma
- Font styling paramters: color, font size, style, text-decoration and alignment.
Introduction Text
- Show or hide the introduction text
- Horizontal and vertical positioning
- Width and height or autosize
- Embedded fonts: Arial, Verdana, Tahoma
- Font styling paramters: color, font size, style, text-decoration and alignment.
Images
- Image width and height
Advanced Options
- Flash Quality
- Stage Alignment
- Stage Scale
- WMode

3D Flash Carousel Simple

Custom flash width, height and background color.
Rotation speed viewpoint and console options.
Custom reflection, blur, distance and transparency.
Images
- Image Linking Options
  - No image link
  - Open in same window.
  - Open in a new parent.
- Image width and height
Advanced Options
- Flash Quality
- Stage Alignment
- Stage Scale
- WMode

Image Slider Style

Simple but lightweight JavaScript slideshow with transition effects.
10 different transition effects.
Easier to use parameters for modifying CSS.
Custom CSS available for advanced users.

Flash Logo Scroller Style

Simple flash logo scroller.
Background Color
Images
- Image Linking Options
  - No image link
  - Open in same window.
  - Open in a new parent.
- Image width and height
- Image Spacing

Mootools Tabs Style

Simple tab widget with transitions.
Sveral Transition effects
Tabs
- Adjust Tab width and height
- Tab Orintation: left or right
- Tab Spacing
- Tab font, font color, border width, border height, border color, etc.
Panels
- Adjust image width and height
- Show/hide the description text
- Panel font, font color, border width, border height, border color, etc.