Presentation de la barre de boutons
Les boutons sont cliquables (sauf le dernier symbolisant le RSS), n'hésitez pas à essayer
| Telechargez les fichiers .fla et swf de cette application |
Comment insérer vos URL personnelles
Pour insérer vos liens web, il vous faudra modifier le getURL de chaque boutons concernés.
Une fois l'archive .rar décompressé, ouvrez le fichier "suivez_nous.fla", sélectionnez le calque "menu..." concerné (le bouton sera alors en encadré), cliquez (une fois) sur le bouton de ce calque et à l'aide de la touche [F9], ouvrez la fenetre d'ActionScript.
S'affichera alors le code à modifier afin de personnaliser votre bouton.
on (rollOver)
{
function playThis()
{
var _loc2 = new mx.transitions.Tween(this.pic, "_x", easeTypeOpen, 90, 190, animTime, true);
//Logo -- sur x : coordonnée de départ de l'anim, coordonnée d'arrivée
_loc2 = new mx.transitions.Tween(this.txt, "_x", easeTypeOpen, -90, 42, animTime, true);
//Texte -- sur x : coordonnée de départ de l'anim, coordonnée d'arrivée
}
animTime = 1; //temps d'animation
var easeTypeOpen = mx.transitions.easing.Strong.easeOut;
playThis();
}
on (rollOut)
{
function playThat()
{
var _loc2 = new mx.transitions.Tween(this.pic, "_x", easeTypeOpen, 190, 90, animTime, true);
//Logo -- sur x : coordonnée de départ de l'anim, coordonnée d'arrivée
_loc2 = new mx.transitions.Tween(this.txt, "_x", easeTypeOpen, 42, -90, animTime, true);
//Texte -- sur x : coordonnée de départ de l'anim, coordonnée d'arrivée
} //CONSERVER LE MEME RAPPORT DE VALEUR QUE POUR LE ROLLOVER AFIN DE CONSERVER UNE ANIMATION FLUIDE
animTime = 1;//temps d'animation
var easeTypeOpen = mx.transitions.easing.Strong.easeOut;
playThat();
}
on (release)
{
function playRelease()
{
var _loc2 = new mx.transitions.Tween(this.txt, "_xscale", easeTypeRelease, 200, 100, animTime, true); //Texte -- étirement du texte en reponse au clic , taille du texte au retour
_loc2 = new mx.transitions.Tween(this.txt, "_rotation", easeTypeRelease, -30, 0, animTime, true);
//Texte -- angle de rotation au clic, angle au retour
}
animTime = 2;//temps d'animation
var easeTypeRelease = mx.transitions.easing.Strong.easeOut;
playRelease();
}
on (press)
{
getURL ("http://www.facebook.com","_blank"); //Inserer votre url en remplacement de celle-ci
//supprimez ,"_blank" pour une ouverture du lien sur la meme page
}
Pour finir
Une fois votre application personnalisée, sauvegardez la et faite [Ctrl]+[F12] pour générer le .swf.
Son intégration dans votre site web s'effectue de la meme façon qu'un SWF
classique à exception faite que j'ai paramétré le fond de l'exemple en transparent en modifiant les 2 lignes
:
En ce qui concerne la modification du design général (vertical plutot que horizontal) ou du choix des couleurs, je vous laisse libre cours.