BESTAR SPACE

Caricare immagini random da un file XML esterno in AS3

2011-09-09T21:58:00.000+02:00

In questo tutorial vedremo come caricare un immagine random/casuale da un file XML esterno.
Potete vedere un esempio qui
Useremo URLLoader per aprire il file XML "ListaImagini.xml", dove troviamo soltanto una semplice lista dei file immagine,
e utilizzeremo un Loader per caricare un'immagine dalla lista.
Le immagini che utilizeremo (bellissime opere gentilmente concesse dal grande pittore Tomasi Massimo), si trovano in una cartella chiamata "images",

Attenzione: il file swf e la cartella "images" DEVONO RISIEDERE NELLA STESSA DIRECTORY, altrimenti riceveremo un errore di caricamento.

1 - Per prima cosa, con un semplice editor di testo, creiamo il file xml e lo salviamo con il nome: ListaImagini.xml
Nel file xml inseriamo la lista dei file immagine:

<?xml version="1.0" encoding="utf-8"?>
<contenitore>
<contenuto>images/image01.jpg</contenuto>
<contenuto>images/image02.jpg</contenuto>
<contenuto>images/image03.jpg</contenuto>
<contenuto>images/image04.jpg</contenuto>
<contenuto>images/image05.jpg</contenuto>
<contenuto>images/image06.jpg</contenuto>
</contenitore>

NB: le immagini si devono trovare dentro la cartella chiamata: images

2 - Apriamo Flash, File > Nuovo > ActonScript 3.0
3 - Impostiamo le modifiche dell'area del lavoro cliccando su: Finestra > Proprietà > Modifica e impostiamo la larghezza a 600px e l'altezza a 450px
4 - Apriamo il panello Azioni, andando: Finestra > Azioni e inseriamo il codice sottostante (accompagnato dai commenti):

//impostiamo la larghezza e l'altezza delle immagini
var altezza:Number = 450;
var larghezza:Number = 600;

//definiamo URLLoader per caricare il file XML e il Loader per le immagini.
//NB: URLLoader è "eseguito" quando il costruttore viene chiamato
var xmlLoad:URLLoader = new URLLoader( new URLRequest("ListaImagini.xml") );
var imgLoad:Loader = new Loader();
//e alla fine diciamo a Flash di eseguire la funzione "caricaLista" quando URLLoader ha completato il suo caricamento del file xml,
xmlLoad.addEventListener(Event.COMPLETE, caricaLista);

/*
Nella funzione "caricaLista" otteniamo i dati dall'oggetto URLLoader
e avendo nel file xml diversi tag "contenuto" comunichiamo alla var "stImage" di caricare una random.
Dato che "imgLoad" è un oggetto Loader dobbiamo chiamare il metodo load per caricare l'immagine.
L'ultima riga rimuove il listener di evento associato all'evento "caricaLista".
*/

function caricaLista(evt:Event):void {
var xmlData:XML = XML(xmlLoad.data);
var numImmagini:Number = xmlData.contenuto.length();
var stImage:String = xmlData.contenuto[Math.floor(numImmagini*Math.random())].toString();
imgLoad.contentLoaderInfo.addEventListener(Event.COMPLETE, caricaImmagini);
imgLoad.load( new URLRequest(stImage) );
xmlLoad.removeEventListener(Event.COMPLETE, caricaLista);
}

/*
La funzione "caricaImmagini" inserisce il contenuto del "imgLoad" come un oggetto Bitmap
in modo che possiamo scalarlo prima di aggiungerlo nello stage.
Si noti che usiamo scaleX e scaleY per ridimensionare l'immagine dalle variabili altezza e larghezza,
indipendentemente dalle sue proporzioni originali.
Alla fine aggancio un listener che verifica il fine caricamente è richiama una funzione.
*/

function caricaImmagini(evt:Event):void {
var thisBmp:Bitmap = Bitmap(imgLoad.content);
thisBmp.x = 0;
thisBmp.y = 0;
var thisWidth:Number = thisBmp.width;
var thisHeight:Number = thisBmp.height;

thisBmp.scaleX = larghezza/thisWidth;
thisBmp.scaleY = altezza/thisHeight;
addChild(thisBmp);

imgLoad.contentLoaderInfo.removeEventListener(Event.COMPLETE, caricaImmagini);
}

5 - Salviamo tutto e proviamo il filmato, cliccando: Controllo > Prova filmato
6 - Buon lavoro...

Layout fluidi in Flash AS3

2011-09-08T14:48:00.000+02:00

In questo tutorial vedremo i concetti di base per la creazione di layout fluidi in Flash AS3. Questo tipo di struttura espande e riposiziona il suo contenuto in maniera automatica in base alla dimensione della finestra. Potete vedere un esempio qui. Una volta caricata la pagina, provate a ridimensionare la finestra per vedere il contenuto posizionato automaticamente al centro della pagina.
1 - Per prima cosa create un nuovo MovieClip > Inserisci/Nuovo simbolo (ctrl+F8)
2 - Assegnate al clip creato come Nome Istanza: myClip
3 - Aprite il panello Azioni > Finestra/Azioni (F9) e inserite il codice sottostante:
NB: Prima di ogni riga di codice trovate il commento che vi spiega le funzioni:

//Importiamo la classe Tween
import fl.transitions.Tween;
import fl.transitions.easing.*;

//funzione che gestisce il ridimensionamento/resize dello stage
stage.addEventListener(Event.RESIZE, resizeListener);

/*Rende fissa l'intera applicazione Flash, in modo che rimanga invariata
anche se cambiano le dimensioni della finestra del lettore.*/
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;

//Creiamo due variabili che sarano come riferimento per i Tweens nella funzione di ridimensionamento
var xTween:Tween;
var yTween:Tween;

//e alla fine aggiorniamo la funzione "resizeListener" per posizionare il clip al centro dello Stage
function resizeListener (e:Event):void {
xTween = new Tween (myClip, "x", Elastic.easeOut, myClip.x, (stage.stageWidth / 2), 2, true);
yTween = new Tween (myClip, "y", Elastic.easeOut, myClip.y, (stage.stageHeight / 2), 2, true);
}

4 - Provate il filmato > Controllo/Prova filmato (ctrl+Invio) e ridimensionate la finestra per vedere l'effetto e.... buon divertimento :)

Dmitri Hvorostovsky & Igor Krutoy - Toi et Moi

2011-05-18T18:46:00.002+02:00

Bellissima ballad francese cantata con sensibilità dal baritono russo Dmitri Horostovsky, compositore Igor Krutoy, che racconta la storia di Rosa, un'eroina tragica che involontariamente ha ucciso i suoi amanti con un bacio. Verrà punita con la pena di morte. Il suo esecutore/boia si innamora di lei, ma quando si baciano, si dimostra immune alla sorte che toccò tutti i suoi amanti precedenti, e così la storia di Rosa ha un lieto fine e lei alla fine trova il vero amore.

Guarda il video...Buona visione

Free Video Plugin con Effetto Cartoon

2010-11-24T23:30:00.000+01:00

Vi piacerebbe trasformare i vostri video in un cartone animato? NewBlue Cartoonr è ciò che fa per voi.
Con NewBlue Cartoonr, potete combinare intriganti effetti artistici. Questo free cartoon effects video plugin non ha niente da invidiare a tanti prodotti da centinaia di euro. Funziona con Adobe Premiere, Adobe After Effects, Apple Final Cut, Apple Motion, Avid Liquid, Avid Media Composer, Pinnacle Studio, Sony Vegas, Thomson GV Edius and Corel VideoStudio! Allora divertitevi con questo plugin, modificando e dando un tocco professionale e simpatico ai vostri video. Guardate il video qui in basso per farvi un idea della potenza di questo prodotto gratuito:

Per scaricarlo clicca qui

Come modellare un'automobile con 3ds Max

2010-06-30T23:13:00.003+02:00

Oggi vi segnalo un videocorso di modellazione 3d con 3ds Max.

Il corso è diviso in 28 filmati e spiega in modo semplice e accurato le tecniche di modellazione Polygon, NURBS e Spline usate in Film, Giochi e Auto Design.

Link del canale youtube dove si trovano tutti i video tutorial:

http://www.youtube.com/user/xmdude626#p/u

Buona visione...

Replay - Un bellissimo cortometraggio 3D

2010-06-28T17:01:00.002+02:00

Oggi vi segnalo questo bellissimo cortometraggio 3d...
In un mondo devastato dagli uomini, l'unico barlume di speranza è il ricordo di un passato dimenticato... Ma attenzione a non lasciare che i vostri sogni controllano la vostra mente ...

SimpleViewer - Free Flash Image Slideshow Gallery

2010-03-14T16:16:00.004+01:00

In questo post abbiamo visto come creare un slideshow in flash e xml in pochi passaggi.
Oggi vorrei segnalarvi SimpleViewer, un altro fantastico Flash image slideshow gallery gratuito.
SimpleViewer è free, personalizzabile e consente di visualizzare le immagini su qualsiasi pagina web in modo professionale, intuitivo e semplice..

Questi sono i controlli:
Mouse: Click sui thumbnails o sull'immagine grande per navigare.
Tastiera: Utilizzare i tasti cursore: Home, Fine, Pagina Su / Giù per spostarsi. Premere F per passare in modalità schermo intero.
Right-Click Menu: Apri l'immagine in una nuova finestra, Toggle Fullscreen Mode.

SimpleViewer Caratteristiche standard

* Uso su qualsiasi sito web.
* No Flash ® IDE necessari. Personalizzazione tramite XML.
* Immagine di navigazione intuitiva.
* Pre-caricamento di immagini Smart.
* Scale di interfaccia ridimensionabile per adattarsi finestra del browser.
* Cross platform. Supporta Windows, Mac e Linux.
* Sostegno automatico International Language.
* Opzionale destro del mouse per aprire l'immagine in una nuova finestra.
* Fullscreen Mode.
* Built-in Flash di rilevazione e di aggiornamento rapido.
* Carica le immagini da Flickr o via XML.
* Immagini di massima per galleria: 50.
* Free!

Download e more info: qui

Tanti Auguri di Buon Natale a Tutti

2009-12-24T12:24:00.003+01:00

Tanti Auguri e Buon Natale a Tutti....
Non ho resistito...Ho creato questa piccola animazione in Flash e Actionscript, per farvi gli auguri a modo mio...
E' una semplice animazione dentro la "bolla di vetro" con effetto acqua creato in Actionscript...
Passando il mouse sopra la "bolla di vetro", crea l'impressione dell'acqua che si muove dentro la bolla.
In piu ho inserito l'effetto neve. Se avessi avuto piu tempo avrei fatto qualcosa di piu bello e piu travolgente aggiungendo altri effetti dinamici.
Sperando sia di vostro gradimento, Vi Auguro di nuovo:
Buon Natale...

Free Flash Templates

2009-12-21T20:57:00.001+01:00

Per chi vuole creare un sito in flash e non sa da dove iniziare, vi segnalo questi Templates Gratis (vedi foto sopra), interamente in flash, il cui contenuto è dinamicamente caricato da file xml esterni.
Non devi conoscere Flash e nessun linguaggio.
Sono facili da personalizzare. Bisogna soltanto sostituire le immagini, o cambiare il testo modificando i file xml.
Scaricando i template(in formato Zip/Rar), troverete i file divisi in cartelle e i file xml per ciascuna pagina.
I template sono completi di Loader, Menu, Audio, Testo, Immagini e Fantastiche Transitions Effect.
Troverete anche i file .fla (flash source) e le varie classi, es: cuarina (caurina.transitions.Tweener in AS3) per chi proprio vuole personalizzarli, dando un tocco personale e professionale.
Il sito è: flashmo.com/

Buon divertimento...

Fantastico Flip Effect in Flash CS3 e ActionScript 3.0

2009-12-13T21:03:00.005+01:00

In questo tutorial vedremo come creare un effetto Flip (Card) con Flash CS3 e ActionScript 3.0 (vedi l'esempio sotto, passando col mouse sulle immagini).

Per prima cosa scaricate qui il file .ZIP/RAR contenente le classi che useremo in questo tutorial.
Dopo aver scaricato il file Zip/Rar, createvi una cartella e estraete il contenuto dell'archivio, dentro alla cartella appena creata e in piu inserite 4 immagini (aventi le stesse dimensioni).
Apriamo Flash > File > Nuovo > File Flash (ActionScript 3.0) e salviamo subito il file nella stessa cartella creata prima.
Apriamo panello Azioni(F9) e inseriamo il codice sotto:

import fl.transitions.easing.*;
import flashandmath.as3.TweenFlipCS3;
var card1:TweenFlipCS3;
var card2:TweenFlipCS3;
card1=new TweenFlipCS3("image1_front.jpg","image1_back.jpg","horizontal");
this.addChild(card1);
card2=new TweenFlipCS3("image2_front.jpg","image2_back.jpg");
this.addChild(card2);
setCardsPosAndProps();
function setCardsPosAndProps():void {

    card1.x=30;
    card1.y=50;

    card2.x=330;
    card2.y=50;

    card1.setURL("http://link_image1");
    card1.setFunc(Back.easeOut);
    card1.setSpeed(1.5);
    card2.setFunc(Bounce.easeOut);
    card2.setSpeed(2);
    card2.setURL("http://link_image2");
}

Naturalmente dovrete sostituire i nomi che ho adoperato io con quelli delle vostre immagini (es: image1_front, image1_back...ecc) e i vostri link con ("http://link_image1").
Salvate tutto e provate il filmato...
Buon divertimento....

Come gestire i pulsanti in ActionScript 3.0

2009-12-12T20:42:00.007+01:00

Oggi ho ricevuto una email da Francesca, che chiede:

Come gestire i pulsanti in ActionScript 3.0??

Siccome non è l'unica che mi scrive, ho preferito (dopo aver risposto via email) di scriverlo anche qui (una specie di minitutorial) che potrà essere d'aiuto anche a qualcun altro.

In ActionScript 2.0 bastava creare un pulsante e assegnarli come AS:
getURL("qui l'url")

Invece con AS 3.0 getUrl è stato sostituito con:
navigateToURL( new URLRequest ("qui l'url")

La procedura completa è:

1 - Crea un pulsante con Nome Istanza - pulsante_01
2 - Vai su - Azioni (F9) - e inserisci il codice sotto:

// impostiamo l'evento click del mouse

pulsante_01.addEventListener( MouseEvent.CLICK, mio_url );

// creiamo una funzione che dopo il click apre la pagina web

function mio_url(e:MouseEvent):void
{
navigateToURL( new URLRequest( "http://bestar-space.blogspot.com" ), "_blank" );
}

In questo modo puoi inserire tutti i pulsanti che vuoi, importante è cambiare:
a - Nome Istanza
b - il nome della funzione che chiama l'url (che nel nostro caso è: mio_url

In caso di dubbi o difficoltà non esitare a chiedere.

Un fantastico Menu Accordion con effetto scroll

2009-12-10T18:04:00.011+01:00

Per chi ha bisogno di spazio e vuole sistemare graficamente e non solo il suo sito o blog, mettendo in ordine tutti i link, le pagine, le etichette e qualsiasi cosa, questo post sarà sicuramente di grande aiuto.
Come vedete nell'immagine (cliccando qui o sopra l'immagine si aprirà la demo che ho preparato per darvi meglio l'idea), abbiamo una lista di link, che all'interno contengono altri link.
Cliccandoci sopra, vedrete l'effetto scroll che visualizza il contenuto della categoria scelta.
E' una specie di "Mobiletto con cassetti", dove possiamo inserire e tenere in ordine tutto quello che vogliamo. Possiamo inserire i nostri "Blog Amici", le etichette piu richieste, la lista dei nostri libri o film preferiti, e tutto chiuso in uno spazio piccolo e graficamente bellissimo.
Per inserirlo è facilissimo. Vediamo come:
1 - Collegatevi a blogger.
2 - Andate in Layout, clickate su Aggiungi un gadget pagina, poi su HTML/JavaScript, inserite il codice sotto:

<style type="text/css"> .menuPad { height:2px; } #slide { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; font-family:arial,sans-serif; font-size:12px; margin:0; padding:10px; position:absolute; width:181px; } #slide dt { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(back.png) repeat scroll 0 0; color:#DDDDDD; cursor:pointer; font-weight:bold; height:37px; line-height:37px; margin:0; padding:0; text-align:center; width:181px; } #slide dt.slide { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(back.png) repeat scroll left bottom; color:#FFFFFF; } #slide dt a { color:#FFFFFF; display:block; height:37px; line-height:37px; text-decoration:none; } #slide dt a:hover { color:#FFCC00; } #slide dd { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#EEEEEE url(shade.png) no-repeat scroll left top; height:0; margin:0; overflow:hidden; padding:0; position:relative; text-align:center; width:181px; } #slide dd ul { bottom:0; height:auto; left:0; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:absolute; } #slide dd ul li { border-bottom:1px solid #AAAAAA; height:25px; line-height:25px; width:181px; } #slide dd ul li a { color:#666666; display:block; font-size:11px; height:25px; text-decoration:none; } #slide dd ul li a:hover { color:#000000; } </style>    <dl id="slide"> <dt><a href="">HOME</a></dt> <dt id="item1" class="">Prima Categoria</dt> <dd id="sitem1" style="height: 0px;" class=""> <ul> <li><a href="inserire qui il link">Primo link</a></li> <li><a href="inserire qui il link">Secondo link</a></li> <li><a href="inserire qui il link">Terzo link</a></li> </ul> </dd> <dt id="item2" class="">Seconda Categoria</dt> <dd id="sitem2" class="" style="height: 0px;"> <ul> <li><a href="inserire qui il link">Primo link</a></li> <li><a href="inserire qui il link">Secondo link</a></li> <li><a href="inserire qui il link">Terzo link</a></li> </ul> </dd> <dl> <div class="menuPad"></div>    <SCRIPT>  var getdd = document.getElementById('slide').getElementsByTagName("DD"); var getdt = document.getElementById('slide').getElementsByTagName("DT");   for (var i=0; i<getdt.length; i++) {   getdt[i].onclick=function() {  if (this.id.indexOf('item') != -1) {  for (var z=0; z<getdd.length; z++) {   if (getdd[z].id.indexOf(this.id) !=-1 && getdd[z].className=='') {   eNext = getdd[z].firstChild;   while (eNext.nodeType!=1) {eNext = eNext.nextSibling;}   ulHeight = eNext.offsetHeight;   expand (0,ulHeight,getdd[z].id)   }   else {   eNext = getdd[z].firstChild;   while (eNext.nodeType!=1) {eNext = eNext.nextSibling;}   ulHeight = eNext.offsetHeight;   if (getdd[z].offsetHeight > 0) {   contract (ulHeight,0,getdd[z].id)   }   }   if (getdd[z].id.indexOf(this.id) !=-1 && getdd[z].className=='') {    getdd[z].className='selected';     this.className='slide';    }   else {    getdd[z].className='';    ePrevious = getdd[z].previousSibling;    while (ePrevious.nodeType!=1) {ePrevious = ePrevious.previousSibling;}    ePrevious .className='';    }   }  }  } } function expand (cY, fY, subY) { cY=cY+2;; if (cY <= fY) { document.getElementById(subY).style.height = cY + "px"; setTimeout ("expand("+cY+","+fY+",'"+subY+"')", 5); } }  function contract (cZ, fZ, subZ) { cZ=cZ-2; if (cZ >= fZ) { document.getElementById(subZ).style.height = cZ + "px"; setTimeout ("contract("+cZ+","+fZ+",'"+subZ+"')", 5); } } </SCRIPT>

Naturalmente, bisogna personalizzarlo.
Trovate il blocco di codice sotto e personalizzate le scritte in rosso:

<dt id="item1" class="">Prima Categoria</dt>
<dd id="sitem1" style="height: 0px;" class="">
<ul>
<li><a href="inserire qui il link">Primo link</a></li>
<li><a href="inserire qui il link">Secondo link</a></li>
<li><a href="inserire qui il link">Terzo link</a></li>
</ul>
</dd>
<dt id="item2" class="">Seconda Categoria</dt>
<dd id="sitem2" class="" style="height: 0px;">
<ul>
<li><a href="inserire qui il link">Primo link</a></li>
<li><a href="inserire qui il link">Secondo link</a></li>
<li><a href="inserire qui il link">Terzo link</a></li>
</ul>
</dd>

Potete aggiungere tutte le categorie che volete, personalizzando l'identificatore del blocco codice(vedi nel essempio le scritte in blu) e aumentando il numero (esempio: item 3 e sitem 3 - item 4 e sitem 4 - item 5 e sitem 5 - e cosi via

<dt id="item1" class="">Nome Categoria</dt>
<dd id="sitem1" style="height: 0px;" class="">
<ul>
<li><a href="inserire qui il link">Nome</a></li>
<li><a href="inserire qui il link">Nome</a></li>
<li><a href="inserire qui il link">Nome</a></li>
</ul>
</dd>

Dopo aver fatto tutte le prove e tutte le modifiche, quando siete soddisfatti,
salvate tutto ed Enjoy your Accordion Menu.

Un fantastico Flash Slideshow Photo Gallery gratuito

2009-12-07T23:09:00.013+01:00

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.

Inserire una Pagina di Benvenuto nel Blog

2009-12-03T15:59:00.006+01:00

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..

Menu orizzontale con puntatore slider in Flash e ActionScipt 3.0

2009-11-26T20:38:00.010+01:00

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); }  function home(event:MouseEvent):void {   var url:String = ("http://bestar-space.blogspot.com");   var request:URLRequest = new URLRequest( url );   try {     navigateToURL(request, '_blank');   } catch (e:Error) {     trace("Error occurred!");   } } function about(event:MouseEvent):void {   var url:String = ("http://dixdipcpervoi.blogspot.com");   var request:URLRequest = new URLRequest( url );   try {     navigateToURL(request, '_blank');   } catch (e:Error) {     trace("Error occurred!");   } }  function contact(event:MouseEvent):void {   var url:String = ("http://www.emailmeform.com/fid.php?formid=357047");   var request:URLRequest = new URLRequest( url );   try {     navigateToURL(request, '_blank');   } catch (e:Error) {     trace("Error occurred!");   } }  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.

Come creare un semplice Lettore Video in Flash in soli tre passaggi

2009-11-24T21:03:00.005+01:00

In questo tutorial vedremo come creare un video lettore in Flash, in pochissimi passaggi.
Apriamo Flash
Clicchiamo su: Finestra > Componenti > Video e trasciniamo sullo stage il componente video: FLVPlayback
Clicchiamo di nuovo su: Finestra > Finestra di Ispezione dei Componenti e cerchiamo la voce: contentPath.
Clicchiamo sulla casella a destra di contentPath e scegliamo dal nostro hardisk il video da caricare sul nostro lettore.
Proviamo il filmato, cliccando su: Controllo > Prova Filmato
Per le altre modifiche vi lascio il video tutorial che vi spiega passo dopo passo tutti i passaggi.

Creare l'Effetto Fuoco con Flash e ActionScript 3.0

2009-11-21T21:29:00.012+01:00

Nel sito di un gioco in 3D, ho visto questo fantastico Effetto Fuoco (a sinistra c'è l'esempio che ho creato per darvi un idea) creato con Flash e ActionScipt 3.0, e ho deciso di condividerlo con voi.
Prima di iniziare con il tutorial, vi consiglio
di scaricare qui il file zip, che contiene due cartelle con il codice AS3 (le due classi: FireFX e MainTimeline).
Dopo aver scaricato il file Zip, estraete il contenuto in una cartella. In caso di difficoltà, trovate il video tutorial in fondo del post, che vi spiega passo dopo passo tutti i passaggi.

NB: E' importante avere nella stessa cartella, sia il file Flash (che andremo a creare), sia le 2 Classi (le cartelle dentro il file ZIp), altrimenti il file non funzionerà.
Iniziamo.
01 - Apriamo Flash > File > Nuovo > File Flash (ActionScript 3)
02 - Salviamo il progetto nella stessa cartella contenente il contenuto del file zip scaricato prima.
03 - Apriamo il Panello Proprietà (Ctrl+F3) e nella casella Classe inseriamo il codice sotto:

04 - Sempre nel Proprietà documento inseriamo questi settaggi:

Per il seguito, vi lascio il videotutorial che vi spiega passo dopo passo tutti i passaggi. E' più facile farlo che spiegarlo..

Widget che inserisce "Pagine di Navigazione Numerate" in Blogger in un clic

2009-11-10T00:03:00.015+01:00

Oggi vi segnalo questo widget semplicissimo, che inserisce tramitte JavaScript e CSS, un menu di navigazione numerata (piu o meno come quella di google, per darvi un idea), e che facilita la navigazione dell'utente tra le pagine del blog.
E' facilissimo come si vede nella foto sotto.
Non dovete inserire o modificare nessun codice html.
Bisogna solo cliccare sul pulsante "Customize"
e alla fine su "Add Widget To My Blog".

Cliccare QUI per inserirlo..

Inserire nel sito o blog un Translator Widget made in Microsoft

2009-11-09T09:47:00.003+01:00

Oggi vi segnalo un nuovo Traduttore web per il vostro sito o blog della casa Microsoft.
Graficamente è bello e traduce fino a 20 lingue. Installarlo è facilissimo. Non occorre registrazione..
Basta inserire l'indirizzo del vostro sito/blog.
Scegliere la lingua
Scegliere la larghezza e il colore
Spuntare il pulsante della licenza
Alla fine cliccare sul pulsante "Generate Code"
Copiate il codice generato e inseritelo nel vostro sito/blog.
Il link è: microsofttranslator.com

Toolbar di Wibiya, il miglior gadget che non deve mancare in un sito o blog

2009-11-08T10:37:00.004+01:00

E' da quasi una settimana che abbiamo inserito nei nostri blog,
sia Bestar Space che DixDiPCperVoi una novità.
Si tratta della toolbar che vedete in basso, un Gadget FREE creato dal team di Wibiya.
Wibiya gadget è una toolbar (barra di strumenti) ricca di servizi interessanti, attraverso le applicazioni e widget che ognuno puo scegliere di inserire o no.
Secondo il mio parere, è una delle migliori widget in circolazione, mai creata per i siti o blog, che non deve mancare assolutamente..

Vediamo i servizzi che offre.
01 - E' gratis
02 - Pulsante di ricerca su blog o google
03 - Traduttore di tante lingue
04 - Post recenti
05 - Un pulsante, chiamato Casuale(random) che visualizza un post a caso
06 - Un pulsante di Condivisione sui Social Web piu famosi
07 - Un pulsante per l'iscrizione Feed
08 - Photo Gallery
09 - Una finestra di notifica
10 - Gadget Twitter
11 - Community (via Facebook)
12 - Facebook Fan Page
13 - Giochi dal sito di HeyZap

Dopo una breve illustrazione vediamo come installarlo.
Recatevi al sito di: Wibiya
Sotto la scritta: In order to request an invitation, please fill in the following form:
compilate i form e alla fine cliccate sul pulsante Request an Invite

Riceverete un'email di conferma (dovete avere pazienza per qualche giorno, perche le richieste sono tante), con il codice di identificazione.

Cliccate sul link che avete ricevuto con l'email di conferma. Si aprirà la pagina del Login. Inserite il Vostro indirizzo Email e il Beta code e cliccate sul pulsante Login

Una volta fatto il login, dovete creare un Account. Compilate con attenzione i campi richiesti e alla fine cliccate Next.

Nella pagina seguente, scegliete la Toolbar che vi piace e cliccate Next

Nella pagina delle applicazioni scegliete quelle necessarie per il vostro blog. Sotto la voce: Active Applications: si trovano le applicazioni aggiunte di default. Potete scegliere di rimuovere una applicazione che non vi serve, cliccandoci sopra e dopo cliccando sul pulsante "Remove From Toolbar" a destra.

Non preoccupatevi. L'applicazione non viene cancellata, ma soltanto si aggiunge alle Applicazioni non attive (Inactive Applications).
Al contrario, sotto la voce "Inactive Applications:" trovate le applicazioni non attive che potete aggiungere con la stessa procedura. Alla fine cliccate su Save

E adesso non vi resta di scegliere la vostra piattaforma (Blogger, Wordpress o TypePad e cliccare sul pulsante Done.

Sarete indirizzati nellapagina della vostra piattaforma, dove dovete soltanto cliccare su inserisci gadget ed il gioco è fatto.
Era piu difficile spiegarlo che farlo.
Enjoy your Toolbar.

Inserire effetti speciali alle nostre foto con Funphotobox

2009-11-07T09:00:00.006+01:00

Avete fatto delle foto e volete inserire dei fantastici effetti speciali, rendendole divertenti e incredibili, senza essere dei maghi del fotoritocco???
Potete vedere un esempio nella foto in alto, che ho creato in due secondi, semplicemente inserendo la cover di "Il Drago Infinito", un romanzo fantastico(consigliato), della famosa giovane scrittrice Maria Stella Bruno.
Tutto questo è possibile direttamente online, in soli tre passaggi:

1 - Scegliere l'effetto
2 - Caricare la foto dal vostro PC o Url
3 - Salvare la foto su PC
Oltre le Card e Immagini potete scegliere anche animazioni in formato gif, come potete notare dal menu del sito (vedi foto sotto):

Il sito è anche in Italiano.
Divertitevi con le vostre foto online su Funphotobox

Un fantastico Free Widget di LinkWithin da inserire nel sito o blog

2009-11-06T11:00:00.001+01:00

Questo fantastico Free Widget inserisce dei post correlati, nelle pagine del nostro blog/sito, sotto ogni post, basandosi sulle parole chiavi dei feed, accompagnate da immagini in miniatura.
Potete vedere un'anteprima di questo widget nell'immagine sotto o andando nel nostro fantastico altro blog DixDiPCperVoi:

Grazie a LinkWithin, possiamo inserire questo fantastico widget free nel nostro sito o blog semplicemente inserirendo la nostra email, l’URL del sito o blog e scegliendo la piattaforma Blogger, Wordpress, Typepad o altre, (vedi immagine sotto):

Dopo aver inserito i dati richiesti, cliccate il pulsante: "Get Widget", ed il gioco è fatto...Semplice no???
Non vi resta di andare qui e inserire questo fantastico widget.

Un fantastico Menu Orizzontale con i CSS

2009-11-05T23:10:00.003+01:00

In questo tutorial vedremo come inserire in due passaggi, nel nostro blog o sito, un fantastico menu orizzontale, realizzato con i CSS. E' un menu di grande impatto, grazie anche ai vari colori. Ho fatto una piccola modifica per chi vuole inserirlo nel blog con piattaforma blogger.
Come vedete, sotto c'è il menu e se vi piace, seguite il tutorial e vedrete che è un gioco da ragazzi.

Home
01
About
02
Archive
03
Contact
04
RSS
05
bestar
05

1 - Collegatevi a blogger. 2 - Andate in Layout, clickate su Aggiungi un gadget pagina, poi su HTML/JavaScript, inserite il codice sotto e salvate tutto.

<div align='right'>    <p><style type="text/css"> #css_menu_13{  padding-bottom:20px;  background-color:black;  }  #css_menu_13 ul{  list-style:none;  overflow:hidden;  height:110px;  margin:0;  padding:20px 20px 0 20px;  border-bottom:5px solid white;  }  #css_menu_13 li{  display:inline;  }  #css_menu_13 li a{  display:block;  float:left;  width:70px;  height:50px;  margin:60px 2px 0 2px;  border-top:5px solid white;  border-right:5px solid white;  border-left:5px solid white;  text-decoration:none;  text-align:center;  text-transform:uppercase;  font-family:arial;  font-size:11px;  font-weight:bold;  color:white;  }  #css_menu_13 li a span{  display:block;  margin-top:5px;  padding:5px;  }  #css_menu_13 li a b{  display:block;  margin-top:10px;  font-family:"Arial Narrow";  font-size:60px;  }  #css_menu_13 li a:hover{  height:110px;  margin-top:0;  }  #css_menu_13 li a.item1{  background-color:#FF0099;  }  #css_menu_13 li a.item2{  background-color:#99CC00;  }  #css_menu_13 li a.item3{  background-color:#FF3300;  }  #css_menu_13 li a.item4{  background-color:#3399FF;  }  #css_menu_13 li a.item5{  background-color:#FFB300;  }  #css_menu_13 li a.item6{  background-color:#323644;  }  #css_menu_13 li a.item1 span{  background-color:#CC007A;  }  #css_menu_13 li a.item2 span{  background-color:#7AA300;  }  #css_menu_13 li a.item3 span{  background-color:#CC2900;  }  #css_menu_13 li a.item4 span{  background-color:#297ACC;  }  #css_menu_13 li a.item5 span{  background-color:#CC8F00;  }  #css_menu_13 li a.item6 span{  background-color:#768ebc;  }  </style>  <div id="css_menu_13"> <ul>   <li><a href="#nogo" class="item1"><span>Home</span><br/><b>01</b></a></li>  <li><a href="#nogo" class="item2"><span>About</span><br/><b>02</b></a></li>  <li><a href="#nogo" class="item3"><span>Archive</span><br/><b>03</b></a></li>  <li><a href="#nogo" class="item4"><span>Contact</span><br/><b>04</b></a></li>  <li><a href="#nogo" class="item5"><span>RSS</span><br/><b>05</b></a></li>  <li><a href="#nogo" class="item6"><span>bestar</span><br/><b>05</b></a></li>  </ul></div></p></div>

Naturalmente, bisogna personalizzarlo.
Per esempio. Trovate il codice sotto e sostituite il colore, cambiando il codice esadecimale #FF0099.

Qui potete scegliere il colore che volete. Troverete tutti i colori possibili. Fare la stessa cosa per gli altri colori e alla fine quando siete soddisfatti, salvate tutto.
L'ultima cosa da impostare sono gli url da inserire/sostituire.
Trovate il codice sotto, e sostituite #nogo con il vostro url.

Per coloro che vogliono inserire il menu nel loro sito web con WP o altre piattaforme, vi mando nel sito di FlepStudio. In caso di problemi o bisogno di consigli, basta chiedere.

Avviare e gestire direttamente Linux in Windows su USB grazie a LiLi USB Creator

2009-11-03T17:20:00.002+01:00

LiLi USB Creator è un software gratuito per Windows che vi permette di creare un'avviabile pen USB con una versione Linux installata su di essa.
Questo software offre anche un'opzione esclusiva di virtualizzazione automatica, per avviare e gestire direttamente Linux in Windows senza alcuna configurazione o installazione.
* Creare avviabile Live USB di Ubuntu, Kubuntu, Xubuntu, Menta, CrunchBang, Kuki e Fedora
* Consentire la persistenza dei dati
* Lanciare Linux direttamente in Windows con una speciale Portable VirtualBox
* Nascondere i file creati sulla chiavetta USB

Chiunque può utilizzare LiLi USB Creator. E 'davvero facile da usare e non devi essere genio dell'informatica.
Link download: http://www.linuxliveusb.com/downloads/?version=beta
Piu info : http://www.linuxliveusb.com/en/how-to.html

Creare PopUp Online

2009-10-29T20:51:00.013+01:00

In questo tutorial vedremo come creare popup online, grazie ad un generatore di popup, che genera un codice javascript da inserire nel nostro sito o blog. In questa popup possiamo inserire un messaggio di benvenuto, dei link, del semplice testo o anche immagini o file multimediali.

Andate qui. Anche se è in inglese, è molto semplice è intuitivo. Potete personalizzare il colore, la larghezza e l'altezza, la posizione x e y, il tempo di entrata, l'effetto in entrata e in uscita, potete decidere se sarà l'utente a chiudere la popup o chiuderla automaticamente dopo un tot di secondi. Una volta personalizzato, cliccate sul pulsante "Preview" per l'anteprima, e alla fine se siete soddisfatti, basta cliccare "Generate Pop Code". Copiare e incollare il codice nel vostro sito o blog ed il gioco è fatto.
Vi lascio anche il videotutorial che vi spiega passo dopo passo.

Potete vedere un esempio di una popup, creato con questo generatore al nostro altro blog DixDiPCperVoi