Ajouter un style à une piste

Le style et l’apparence d’une création sont essentiels dans la finalisation d’un projet. C’est la raison pour laquelle, 3WDOC a mis à disposition un puissant éditeur de style qui rend chaque piste personnalisable graphiquement. C’est enfin l’assurance qu’aucune production faite avec 3WDOC soit d’un point de vue graphique identique à une autre. Tout est donc entre vos mains pour faire des créations uniques !

C’est l’objet de cet article, qui est une introduction rapide à la notion de style au sein de 3WDOC.

Tout d’abord, deux définitions s’imposent :

  • STYLEMOUSELEAVE définit l’aspect graphique par défaut de la piste.
  • STYLEMOUSEENTER définit l’aspect graphique par défaut lorsque la souris de l’utilisateur passe sur cet piste.

Dans cette exemple, nous allons attacher un style à une piste article. Evidemment, vous pouvez affecter autant de style que vous le souhaitez à des pistes identiques ou à d’autres pistes comme des images par exemple. La procédure d’ajout d’un style est identique quelque soit le type de piste.

Tout d’abord, nous allons créer une piste article afin d’y ajouter un style.
3WDOC - Aide - Gestion du style - Ajouter un style à une piste

En faisant un glisser-déposer sur le player en mode édition, une piste article se crée automatiquement. A cette piste est automatiquement attaché un style par défaut et au survol de la souris.
3WDOC - Aide - Gestion du style - Ajouter un style à une piste

Vous pouvez dès à présent, positionner correctement votre piste article
3WDOC - Aide - Gestion du style - Ajouter un style à une piste

En sélectionnant la piste article via le player, on accède ensuite aux différents onglets de paramétrage de cette piste. Il suffit ensuite de se placer sur l’onglet Style, puis on clique sur l’encart STYLEMOUSELEAVE, on va donc travailler sur l’aspect graphique par défaut de la piste. Pour l’aspect graphique au passage de la souris de sortie, il suffirait alors de cliquer sur l’encart STYLEMOUSEENTER
3WDOC - Aide - Gestion du style - Ajouter un style à une piste

Dans la boite de dialogue, 3WDOC a mis à disposition un certain nombre de paramètres de style relatifs à la piste. Il s’agit des paramètres CSS de la piste. Vous pouvez changer tout ou partie du style, de la couleur, à la police en passant par la forme.
3WDOC - Aide - Gestion du style - Ajouter un style à une piste

Une fois, la boite de dialogue fermée. Les caractéristiques du style vous sont rappelées dans l’encart STYLEMOUSELEAVE et dans l’encartSTYLEMOUSEENTER.
3WDOC - Aide - Gestion du style - Ajouter un style à une piste

En passant du mode éditeur au mode player et en jouant votre séquence, vous pourrez voir le style défini sur votre piste.

Qu’est-ce que 3WDOC

En savoir plus sur 3WDOC

3WDOC, un outil de montage universel, dont tout le monde peut désormais se servir pour raconter des histoires interactives pour les diffuser partout sur le web, sur tout type de plate-forme mobile ou prochainement sur la TV connectée.

3WDOC est une approche révolutionnaire pour la communication digitale. Conçu pour faciliter la création de sites et de webdocs d’excellence, 3WDOC est la meilleure expérience rich-media et interactive possible, prévue pour toutes les audiences : web, mobile et télé.

Plus d’informations