BESTAR SPACE

Un fantastico Flash Slideshow Photo Gallery gratuito

Per chi vuole dare un tocco professionale al suo sito o blog, inserendo una presentazione delle proprie immagini in flash, oggi vorrei segnalarvi questo fantastico Flash Slideshow Photo Gallery gratuito.

Facilissimo da usare. Basta salvare il file zip sul vostro PC e modificare il file xml, con un editor di testo (es: notepad).

Il file zip contiene:
a - un file .SWF
b - un file HTML
c - un file .XML
d - la cartella delle immagini
e - la cartella che contiene il file .js
f - la cartella delle icone (thumbs)
g - la cartella con i file sounds dei pulsanti

Come ho detto è facile da personalizzare. Nel esempio sotto, vedrete il file che ho personalizzato in 10 secondi. Ho aperto il file XML con l'editor di testo di windows (notepad) ed ho sostituito i link delle immagini, con delle immagini prese dall'album su Flickr di Dolce Memole.

File XML originale:

<image name="1.jpg" description="" thumbnail="1.jpg"/>
<image name="2.jpg" description="" thumbnail="2.jpg"/>
<image name="3.jpg" description="" thumbnail="3.jpg"/>
<image name="4.jpg" description="" thumbnail="4.jpg"/>
<image name="5.jpg" description="" thumbnail="5.jpg"/>
<image name="6.jpg" description="" thumbnail="6.jpg"/>
<image name="7.jpg" description="" thumbnail="7.jpg"/>

File XML modificato:

<album icon="" description="People">
<image name="http://farm4.static.flickr.com/3096/2799618546_3c2ef7af32.jpg"
description=""
thumbnail="http://farm4.static.flickr.com/3096/2799618546_3c2ef7af32_s.jpg"/>
<image name="http://farm4.static.flickr.com/3018/2802281583_342f58f331.jpg"
description=""
thumbnail="http://farm4.static.flickr.com/3018/2802281583_342f58f331_s.jpg"/>
<image name="http://farm4.static.flickr.com/3240/2917868297_1ec9a2a88e.jpg"
description=""
thumbnail="http://farm4.static.flickr.com/3240/2917868297_1ec9a2a88e_s.jpg"/>
</album>

Nel sito di ZEN Flash Gallery trovate altri esempi di slideshow fantastiche. Continua a leggere

Abbonati gratis a questo blog

Torna Su

Inserire una Pagina di Benvenuto nel Blog

Inserire una pagina di Benvenuto in un sito o blog, è sempre qualcosa di bello dal punto di vista grafico.
In questo tutorial vedremo come inserire una pagina di Benvenuto per blogger, con un'immagine a nostra

scelta e del testo personalizzato, per dare il benvenuto all'utente che viene a visitare il nostro blog.
Oltre al fatto grafico, è anche un modo originale per distrarre l'utente mentre si carica la pagina del blog.
Cliccare qui per il demo.
Iniziamo...
Per prima cosa fare un backup
1 - Collegatevi a blogger.
2 - Andate in Layout, clickate su Aggiungi un gadget, poi su HTML/JavaScript e inserite il codice sotto.

Naturalmente, dovete personalizzare il testo sotto:
a - Welcome To My Blog
b - A blog by
c - http://bestar-space.blogspot.com con l'indirizzo del vostro blog
d - Bestar
e - Entra nel Blog
Dopo aver personalizzato il testo sopra, salvate il gadget e spostatelo in cima a tutti i gadget (vedi Immagine sotto):

Adesso andate in "Modifica HTML" e inserite il codice sotto , subito dopo il tag "<Head>":

Sostituite "http://inserire qui l'url della vostra immagine" con l'url della vostra immagine.
Fate l'Anteprima e se siete soddisfatti salvate tutto.. Continua a leggere

Abbonati gratis a questo blog

Torna Su

Menu orizzontale con puntatore slider in Flash e ActionScipt 3.0

| ActionScript, Flash, Flash Tutorial, menu | 1 commenti »

In questo tutorial vedremo come creare un Menu orizzontale, con puntatore slider, in Flash e ActionScipt 3.0. (vedi l'esempio sotto, che ho creato per darvi un idea).

NB: Se qualcosa non vi è chiara, non preoccupatevi. In fondo al post trovate il videotutorial, che vi spiega passo dopo passo tutti i passaggi.
Iniziamo...
Apriamo Flash > File > Nuovo > File Flash (ActionScript 3.0)
Creiamo tre pulsanti con nome istanza:

Nome Pulsante	Nome Istanza
home	home_btn
about	about_btn
contact	contact_btn

Disegnamo un puntatore e lo convertiamo in clip filmato con nome sitanza : slider
Creiamo un nuovo livello nominato "azioni"
Apriamo il panello Azioni e inseriamo il codice AS3:

import fl.transitions.Tween;
import fl.transitions.easing.*;
var my_button:Array=new Array(home_btn,about_btn,contact_btn);
function Segui_btn(event:MouseEvent):void {
new Tween(slider,"x",Strong.easeOut,slider.x,event.currentTarget.x, 1,true);
}
for (var i:uint = 0; i < my_button.length; i++) { 
my_button[i].addEventListener(MouseEvent.ROLL_OVER, Segui_btn);
}

my_button[0].addEventListener(MouseEvent.CLICK, home);
my_button[1].addEventListener(MouseEvent.CLICK, about);
my_button[2].addEventListener(MouseEvent.CLICK, contact);

Se avete seguito tutto alla lettera, dovreste vedere il menu appena creato e il puntatore slider, che segue il mouse ogni volta che si sposta sulle voci del menu.
Se avete avuto delle difficoltà, seguite il videotutorial, che vi spiega passo dopo passo tutti i passaggi.