ANIMATION SUR LE SITE
lien vers l animation cree www.loxiastudio.com/p-dND
Bonjour à tous,
On poursuit l'amélioration de nos sites avec de belles animations à créer pas à pas et ajouter facilement.
Vous avez déjà vu sur certains sites des cubes tournants et bien là je vous propose un autre cube et plein d'autres animations.
Voici les étapes :
1: se rendre sur le site "loxia studio" ici http://www.loxiastudio.com/fr/
2: cliquez sur commencez et choisissez votre animation (personnellement j'ai pris slice cube 3d)
3: cliquez sur le bouton "créer l'animation" de l'animation choisie
4: faites la configuration de l'animation (à droite de l'écran)
5: en fois ceci fait, cliquez sur créer cette animation
6: uploadez vos images et poursuivez les réglages de qualité en cliquant sur suivant, puis après plusieurs étapes sur terminer
7: vous obtenez alors une démo du résultat que vous pouvez modifiez si vous n'êtes pas satisfait ou vous pouvez validez votre projet en cliquant sur terminer.
Remarque: une inscription sur le site sera nécessaire.
8: copiez alors le code d'intégration
9: rendez vous dans la partie staff de votre site, puis accueil et colonne de droite.
10: Créez un bloc texte libre, donnez lui un titre et insérez/copiez le code généré.
11: sélectionnez tout le code et créez un lien sur ce code en mettant comme lien l'adresse qui est après les guillemets dans src de votre code
12: Cliquez sur insérer puis enregistrez votre bloc texte libre
C'est bon votre animation est créée. Enjoy!
Pour exemple voici mon code:
<span style="font-family:'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;background-color:#e1ebf5;font-weight:bold;padding:0px;margin:0px;" _mce_style="font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; background-color: #e1ebf5; font-weight: bold; padding: 0px; margin: 0px;"><a href="http://www.loxiastudio.com/i-Xbx" _mce_href="http://www.loxiastudio.com/i-Xbx">http://www.loxiastudio.com/i-Xbx</a></span><span style="font-family:'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;background-color:#e1ebf5;" _mce_style="font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; background-color: #e1ebf5;">" width="500" height="250" scrolling="no" frameborder="0">
La partie à mettre en lien est la partie en gras.
La procédure peut varier légèrement en fonction de l'animation choisie
Une petite photo