3D Cube For DotNetNuke
Create fantastic 3D Cubes out of the box and put some life into your portal. With over 600 effect combinations, the 3D Cube presents a visual experience of the next generation.
With integrated JavaScript support, you have nearly unlimited options for calling up Lightbox images, YouTube clips, Amazon products, Ebay auctions, Google search results, and more!
 Lifetime License
If you purchase this module, you are entitled to a Lifetime License. This means that you are guaranteed to get free upgrades for this module for life.
Top Features & Requirements
• The 3D Cube can be used in all DotNetNuke 4 & 5 versions.
• The animation has been developed entirely with the newest Flash technologies (AS 3).
User-Friendly Configuration
All 3D Cube options are preset for quick-start use, and for most settings, drop-down lists allow you to choose from a wide range of options, with comprehensive help available for every setting.
High-Resolution Images
All images in the Cube are shown without any flickering – even photos are displayed in pin-sharp detail. This means that you can create top quality animations with very professional results.
Image Click Actions
When clicking on a 3D Cube image, choose from these action options:
• Detail Page: A detail page opens that includes more information about the selected image. Two text fields can be displayed, with both fields supporting the most common HTML tags.
• Lightbox: Details of the clicked image are shown in a Lightbox. It is even possible to open an entire website in a Lightbox! Lightbox presentations can be configured with 10 different themes and extensive custom settings including the full range possibilities that HTML allows!
• Link: When the user clicks an image, a link opens to any web page you choose.
Wide Selection of Presentation Options
You can configure 3D Cube to your exact specifications using zoom, speed, background image and shadow / mirroring settings. All text and background colors are easy to configure, too.
Import/Export Functions
Use the powerful Import/Export function to export content only, or export the complete module with settings for importing into another 3D Cube instance. Import/Export allows for flexible portability from project to project. Using the Import/Export functions, you can now:
• Design your 3D Cube locally or on a test site before importing it for public display on another website
• Create pre-made 3D Cubes that can be easily imported into other websites
• With one click, backup all the content or the full module with settings
Extensive JavaScript Support
With 3D Cube, you can extend any animation event using custom JavaScript (ImageClicked, MouseOver, MouseOut, AnimationLoaded, DetailPageLoaded, etc.) With powerful JavaScript support, you can fully enhance the user interface experience, even controlling the animation externally with additional JavaScript events (InvokeImageClick, InvokeDetailPageClose, etc.)
Randomize Images
Randomized Images works to create a dynamic gallery display when you have a large number of images that cannot be shown all together. When you enable the Randomized Images feature, every time the 3D Cube page is displayed, a different group of images from the gallery are displayed.
Tons of Effects and Transitions
Different effects/transitions are available for the detail page appearing or disappearing. These effects can be individually varied and allocated to each element of the detail page (images and text fields). This provides an enormous number of effect combinations for individually presenting each animation.
Alternative Content
All mediaANT 3d modules are built with a smart solution called Alternative Content. On any device or machine where Adobe Flash is not installed or supported, Alternative Content can display an image or other HTML content that you define. Alternative Content is indexed by search engines, too, making the feature perfect for creating search engine friendly content!
HTML Support
Font size, font color and line spacing for all text can be easily customized using drop-down selection lists. Additional text formatting is also available using a sub-set of HTML tags within the text body.
|
 |
|
Shops:
|
| Important: All future updates and full versions of the animation are free of charge! You will automatically be notified by e-mail on any new upgrades. When you purchase the product, it is therefore vital that you provide your correct e-mail address. |
|
|
|
|
mediaANT Newsletter
Settings Overview
3D Cube 4.0 - Settings Help
 |
Flash Player
Width: Specifies the width of the animation area.
Default: 600
Height: Specifies the height of the animation area.
Default: 350
Position Left: Specifies the margin between the animation window and the left border of the module.
Default: 0
Position Top: Specifies the margin between the animation window and the upper border of the module.
Default: 0
Quality: Specifies the animation's quality level.
Default: High
High: Favors quality of animation. (recommended)
Medium: Favors execution speed and does not take quality of animation into account unless it's possible.
Low: Favors execution speed.
Show Menu: Specifies what type of menu appears when the user Right-clicks the animation area.
Default: not checked
Checked: Shows the full menu, which gives the user several options to enhance or control playback.
Not Checked: Shows a menu that contains only the About option and the Settings option.
Alternative Content: Specifies an alternative content, which will be displayed if Flash Player is not installed or supported.
Default: -
The alternative content will be displayed in the field provided for the Flash Player. The extent of this field has been defined in the settings "Flash Player Width" and "Flash Player Height". Ensure that the alternative content can be displayed within the field defined with the Flash Player! If you do not define any alternative content, the standard Flash Player message will be displayed.
The alternative content will also be picked up by search engines, making it a great tool for creating search-engine-friendly content!
Cube
Speed: Specifies the speed of rotation of the Cube.
Default: 15
Zoom: Specifies the displayed size of the Cube in percent.
Default: 100
Depending on the set value, the Cube appears smaller or larger.
Color: Specifies the color of the Cube.
Default: #ffffff
The Cube color is only visible in transparent images. Otherwise, the color is covered by the image.
Position Center Left: Specifies the position of the Cube starting from the center of the animation window.
Default: 0. Plus and minus values are accepted. e.g -20
The standard position of the Cube is in the center of the animation window. With this setting the Cube can be shifted horizontally.
Position Center Top: Specifies the position of the Cube starting from the center of the animation window.
Default: 0. Plus and minus values are accepted. e.g -20
The standard position of the Cube is in the center of the animation window. With this setting the Cube can be shifted vertically.
Random Images: Specifies that every time a page is called up, a different selection of images shows in the Cube.
Default: not checked
This makes sense in those cases where a Cube configuration contains a large selection of images that cannot all be shown properly at the same time. The selection of images from the complete set in the Cube follows the random principle.
Background
Color: Specifies the background color of the animation.
Default: #ffffff
Show Image: Specifies whether an image should appear as background image.
Default: not checked
Note: If a background image is used, performance can be affected to some degree. If fastest performance is a top priority, you may consider other design options.
Image Path: Specifies the path of an image displayed as the background image.
Default: -
Background Left: Specifies the margin between the animation window and the left border of the background image.
Default: 0
Background Top: Specifies the margin between the animation window and the upper border of the background image.
Default: 0
Details Page
Details Page Enabled: Specifies whether the details page should be displayed.
Default: checked
Details Page - Textfields
HTML: Specifies that the textfield supports a subset of standard HTML tags.
Default: not checked
Important! If this option is checked the settings for Align, Bold, Italic, Font, Font Color, Font Size, Leading and Underline are ignored.
The following HTML tags are supported:
Anchor: <a href="http://www.3dcarousel.com">Link</a>
Bold: <b>Lorem ipsum ex vel prima</b>
Font: <font color="#cccccc" size="12" face="Verdana">
Paragraph:<p>Lorem ipsum ex vel prima</p>
Underline: <u>Lorem ipsum ex vel prima</u>
Break: <br>Lorem ipsum ex vel prima
Image: <img src="/Portals/0/..\..\..\portals\0\logo.gif".>
List Item: <li>Lorem ipsum<br>Lorem ipsum</li>
Anti-Aliasing: Specifies that the font faces should be rendered more legible.
Default: not checked
The setting enables high quality rendering and should be used by preference when using small fonts. (< 10 px)
HTML: When selecting anti-aliasing, the standard font (Verdana) will be used automatically! Please don’t define any fonts in HTML! If you do, the text will not be displayed!
<font color='#cccccc' face='Arial'>Text</font> invaild!
<font color='#cccccc'>Text</font> vaild!
Align: Specifies the horizontal alignment of the text.
Default: center
Bold: Specifies whether the text is boldface.
Default: not checked
Italic: Specifies whether the text is italicized.
Default: not checked
Font: Spezifies the font name of the text.
Default: Verdana
Font color: Spezifies the color of the text.
Default: #222222
Font size: Spezifies the size of the text.
Default: 12
Leading: Specifies the space in pixels between lines.
Default: 0
Underline: Specifies whether the text is underlined.
Default: not checked
Position Left: Specifies the margin between the text and the left border of the animations window.
Default: 0 | 130
Position Top: Specifies the margin between the text and the upper border of the animations window.
Default: 10 | 10
Width: Specifies the width of the textfield.
Default: 120 | 120
Height: Specifies the height of the textfield.
Default: 60 | 60
Background Color:
Specifies the background color of the textfield.
Default: -
Show Border: Specifies that a frame will be displayed around the text field.
Default: not checked
Hint: Showing the contours can also be helpful for positioning the text field!
Border Color: Specifies the border color.
Default: -
Details Page - Image
Position Left: Specifies the margin between the image and the left border of the animation window.
Default: 10
Position Top: Specifies the margin between the image and the upper border of the animation window.
Default: 100
Zoom: Specifies the size of the image in percent.
default: 100
Details Page - Effects
Cube Entry: Specifies the effect to be applied on the appearance of the Cube.
Default: "fly in from center"
Cube Exit: Specifies the effect to be applied on the disappearance of the Cube.
Default: "fly out to center"
Textfield1 Entry: Specifies the effect to be applied on the appearance of the first text field.
Default: "fly in from center"
Textfield1 Exit: Specifies the effect to be applied on the disappearance of the first text field.
Default: "fly out to center"
Textfield2 Entry: Specifies the effect to be applied on the appearance of the second text field.
Default: "fly in from center"
Textfield2 Exit: Specifies the effect to be applied on the disappearance of the second text field.
Default: "fly out to center"
Detail Image Entry: Specifies the effect to be applied on the appearance of the Detail Image.
Default: "fly in from center"
Detail Image Exit: Specifies the effect to be applied on the disappearance of the Detail Image.
Default: "fly in from center"
Effects Time: Specifies how long the effects will take (in seconds).
Default: 0.5
Static Textfields
HTML: Specifies that the textfield supports a subset of standard HTML tags.
Important! If this option is checked the settings for Align, Bold, Italic, Font, Font Color, Font Size, Leading and Underline are ignored.
Default: not checked
The following HTML tags are supported:
Anchor: <a href="http://www.3dcarousel.com">Link</a>
Bold: <b>Lorem ipsum ex vel prima</b>
Font: <font color="#cccccc" size="12" face="Verdana">
Paragraph:<p>Lorem ipsum ex vel prima</p>
Underline: <u>Lorem ipsum ex vel prima</u>
Break: <br>Lorem ipsum ex vel prima
Image: <img src="/Portals/0/..\..\..\portals\0\logo.gif".>
List Item: <li>Lorem ipsum<br>Lorem ipsum</li>
Anti-Aliasing: Specifies that the font faces should be rendered more legible.
Default: not checked
The setting enables high quality rendering and should be used by preference when using small fonts. (< 10 px)
HTML: When selecting anti-aliasing, the standard font (Verdana) will be used automatically! Please don’t define any fonts in HTML! If you do, the text will not be displayed!
<font color='#cccccc' face='Arial'>Text</font> invaild!
<font color='#cccccc'>Text</font> vaild!
Align: Specifies the horizontal alignment of the text.
Default: center
Bold: Specifies whether the text is boldface.
Default: not checked
Italic: Specifies whether the text is italicized.
Default: not checked
Font: Spezifies the font name of the text.
Default: Verdana
Font color: Spezifies the color of the text.
Default: #222222
Font size: Spezifies the size of the text.
Default: 12
Leading: Specifies the space in pixels between lines.
Default: 0
Underline: Specifies whether the text is underlined.
Default: not checked
Position Left: Specifies the margin between the text and the left border of the animations window.
Default: 260 | 390
Position Top: Specifies the margin between the text and the upper border of the animations window.
Default: 10 | 10
Width: Specifies the width of the textfield.
Default: 120 | 120
Height: Specifies the height of the textfield.
Default: 60 | 60
Topmost: Specifies that the text field is shown on top of other elements.
Default: checked
Background Color:
Specifies the background color of the textfield.
Default: -
Show Border: Specifies that a frame will be displayed around the text field.
Default: not checked
Hint: Showing the contours can also be helpful for positioning the text field!
Border Color: Specifies the border color.
Default: -
Visible On Cube Page: Specifies that the static text field should be displayed on the default page.
Default: checked
Visible On Detail Page: Specifies that the static text field should be displayed on the Detail page.
Default: checked
Textfield 3 / Textfield 4: Specifies the text to be shown in Textfield 3 / Textfield 4.
The following HTML tags are supported:
Anchor: <a href="http://www.3dcarousel.com">Link</a>
Bold: <b>Lorem ipsum ex vel prima</b>
Font: <font color="#cccccc" size="12" face="Verdana">
Paragraph:<p>Lorem ipsum ex vel prima</p>
Underline: <u>Lorem ipsum ex vel prima</u>
Break: <br>Lorem ipsum ex vel prima
Image: <img src="/Portals/0/..\..\..\portals\0\logo.gif".>
List Item: <li>Lorem ipsum<br>Lorem ipsum</li>
Cube Images
Image Path: Specifies the path of the image displayed in the Cube.
Image Link | Target: Specifies the link to the page to be loaded when clicking on the image.
Target:
Note: This setting works only when the option "Details Page" - "Details Page Enabled" have NOT been checked!
_blank : The new page will be shown in a new browser window.
_self: The new page will be shown in the Cube window.
_parent: The new page will be shown in the parent page.
_top: The new page will be shown in the topmost frame.
Textfield 1 / Textfield 2 (Details Page): Specifies the text to be shown in Textfield 1 / Textfield 2.
Any details with regard to the presentation of the text can be defined in the area "DetailsPage - Textfields".
Note: If you have checked option "HTML" under "Details Page - Textfields" you can make use of the following HTML tags for designing your text:
Anchor: <a href="http://www.3dcarousel.com">Link</a>
Bold: <b>Lorem ipsum ex vel prima</b>
Font: <font color="#cccccc" size="12" face="Verdana">
Paragraph:<p>Lorem ipsum ex vel prima</p>
Underline: <u>Lorem ipsum ex vel prima</u>
Break: <br>Lorem ipsum ex vel prima
Image: <img src="/Portals/0/..\..\..\portals\0\logo.gif".>
List Item: <li>Lorem ipsum<br>Lorem ipsum</li> |
|
We have been looking for a 3d image navigation idea for our Customer Support
Portal. I found the software easy to install and configure and looks fantastic!
Just what we needed for our high profile Customer Support Portal.
Paul Berridge
Technical Director
Smeg UK Service
|
|
|
|