The style and appearance of a creation are essential in completing a project. That is why, 3WDOC has provided a powerful style editor that makes each track customizable graphically. Finally, it is a guarantee that none of the productions made with 3WDOC will be identical to another on a graphical point of view. Everything is in your hands to make unique creations!
This is the purpose of this article, which is a quick introduction to the notion of style in 3WDOC.
First of all, two definitions are needed:
STYLEMOUSELEAVE defines the graphical appearance of the default track.STYLEMOUSEENTER defines the graphics by default when the user’s mouse passes over this track.In this example, we will attach a style to a track article. Obviously, you can assign as much style as you want to a same kind of track or to other tracks such as images. The procedure for adding a style is the same whatever the type of track is.
First, we will create a track article to add a style to this track.
By dragging and dropping them on the player in edit mode, a track article is created automatically. A default style and an mouseover style are automatically attached to this track.
You can now, properly position your track article
By selecting the track article via the player, you can access to the various settings tabs of this track. Then just stand on the Style tab, then click on the insert STYLEMOUSELEAVE, so we will work on the default style of this track. To modify the mouseover style, you will have to click on the insert STYLEMOUSEENTER
In the dialog box, 3WDOC has made available a number of style settings on the track. These are the CSS settings of the track. Through the form, you can change all or part of the style, from color to font.
Once the dialog box is closed. The characteristics of the style are recalled in the inset STYLEMOUSELEAVE and in the insert STYLEMOUSEENTER.
Swapping from the editor mode to the player mode and playing your sequence, you will be able see the style.
Learn more about 3WDOC
3WDOC is the first authoring web tool that let anyone use it to create and broadcast interactive stories on the Web and on any mobile platform and connected TV.
3WDOC is a revolutionary approach for digital communication. Designed to facilitate website and webdocs creation, 3WDOC is the best rich media and interactive experience ever made in HTML5, planned for all audiences: Web, Mobile and TV.
