A quick tutorial on how to
apply a style to an article !
You are going to apply a style to an article in your sequence, using CSS3. An Article is the track containing text in your sequence. It could be a title, a long text, a description, what you want ! This tutorial shows you how to customize your articles in your sequence, using CSS3 transitions.
Go to the STYLE tab and click on MANAGE
Clone an existing style in order to customize an article style
Edit this style : give it a name (label)
Go to the Style Editor
Click the Article tab, and preview the already existing style
You can see the "Article 2" style, and its style changing when your mouse is over it
Go back to the Editor
Let's select "Article 2"
In this tutorial we will only change some of them to give you a brief overview of the many style possibilities
Let's now style Article 2
For example, set a border color...
Choose Georgia for font-family
Set the color to white (color means font-color)
Set font-style to italic
Set background-color to black
Set padding to 14 pixels...
... and opacity to 1 (full)
Now save and preview your changes
It works ! You styled "Article 2". But you didn't syle its hover parameters yet...
Go back to the Editor
Let's now style the hover parameters
Set 0,5 sec for transition duration
Set a color (font-color)...
... and a background-color
You can also set a border-color
Set a rotation degree : your button will move
Now save and preview your changes
It works ! You styled "Article 2", including its hover parameters
Some information about the 3WDOC Studio…
3WDOC Studio is a versatile tool specificaly designed to create and deliver rich media experiences optimized in HTML5 to run across the web. The 3WDOC Studio’s ultimate goal is to enable one or several author(s) to create an authentic web story. This technology can be applied to any kind of rich media sites, like for instance for the emerging genre named webdocumentary. So naturally, here in 3WDOC, we summarize the project concept in this simple motto: “Facilitating the digital storytelling on the Web”.
