Dice Template (Site Templates)

Ladies and Gentelman…

DICE Template!

We are really proud to introduce you our newest product: DICE Template. It’s based on idea from DICE Slider and can be perceived as Slider’s extension :) But extension word is not big enough when you look at features list:

Acton Script 3

DICE Template is built on top of AS3 . We cared about good OOP and logical layers separation: XML – for Model, CSS – for View, AS3 classes – for Controller. If you know AS3 just a bit, you can develop your own components. Easily :)

XML Support

DICE Template is based on our system “NodeMAN” – more in documentation. It means that application created with this technology is fully defined in XML files, every setting, every dimension is defined there and in CSS styles; compiled SWF contains only required minimum logic to make everything work. You can extend every element of website if you get familiar with NodeMAN syntax – it’s just XML with some rules.

CSS Support

We’ve improved Flash CSS support, expecially for components and texts. For example, CSS cascading support is added: you know what it mean if you’ve ever used CSS and probably you’ve experienced lack of this in Flash :)

Dice Slider

DICE Template contains DICE Slider. It is improved version that may use: PNG , JPG , SWF , Video, and any DICE Template content.

Deep Linking

Currently DICE Template supports one-level deeplinkg for each page.

XML Configuration

OK, one picture more than 1000 words, take a look:

<dice_grid name="Grid gallery" elementwidth="120" elementheight="80" style="max-rows:0" fullscreenmode="true">
    <link href="xml/raw/woman.xml" />
</dice_grid>
    

xml/raw/woman.xml contents:


<?xml version="1.0" encoding="utf-8"?>
<data>
    <img src="img/lady1_v01.jpg" thumb_src="img/lady1_v01_th.jpg" />
        <description>
            <![CDATA[
            <h1>Header 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>]]>
        </description>

        (more <img /> tags...)
</data>        
    

So it is in english:

  • create dice_grid component width name Grid gallery
  • open images in full screen after clicking on it (@ fullScreenMode=”true”)
  • set width to 120, and height to 80 for each thumbnail ( ElementWidth=120 and ElementHeight=80)
  • load contents of xml/raw/woman.xml and treat it as dice elements
  • each img image will become element of dice grid using it’s @ thumb_src attribute for thumbnail, @src for full screen preview, and description for text you’ll be able to read

Wanna see more? It’s documented inside.

Custom components

  • DiceGridGallery
  • DiceTabs
  • DiceNewsBox
  • DiceFullNewsBox
  • DicePanel
  • DiceColumns
  • DicePage

Contact form

Predefined for you contact form: send e-mails with PHP out of the box.

Customizable pages

Some predefined page types:

  • DICE Grid gallery of images, video flv, audio mp3
  • Contact Form
  • Tabbed navigation for longer content
  • Video page
  • Audio page

Each page can have displayed title above. You can set custom background as well.

There’a also possibility to make link directly in menu.

Automatic menu generation

Organize your content in tree-like structure and menu will be generated automatically for you.

Background music

Enable background sound if you like, it may enhance user experience :)

Social icons

Put social icon in footer and make for user easier to share your website. 27 types of icons embedded and ready to use.

Full screen mode

You can put button anywhere, if you learn some NodeMAN :)

Download Dice Template (Site Templates)

Leave a Reply

Your email address will not be published. Required fields are marked *