Abbonati gratis a questo blog
In questo videotutorial vedremo come centrare il contenuto delle colonne, cioè, lo spazio tra il contenuto e il bordo delle colonne.
Seguitemi e vedrete che sarà facilissimo...In caso di difficoltà, in fondo c'è il videotutorial, che vi spiega passo dopo passo tutti i passaggi..
Iniziamo
a - Fate il login
b - Cliccate su "Modifica HTML"
c - Per sicurezza salvate il template, cosi in caso di errori potete ripristinarlo.
Iniziamo con la Colonna centrale…
1 – Cercate il blocco di codice:
e subito dopo inserite il codice sotto:
Centriamo il contenuto della Colonna Destra
2 – Cercate il blocco di codice:
e subito dopo inserite il codice sotto:
Centriamo il contenuto della Colonna Sinistra
3 – Cercate il blocco di codice:
e subito dopo inserite il codice sotto:
Cliccate su “ANTEPRIMA” e se siete sodisfatti salvate il template, cliccando su “SALVA MODELLO” . Facile no??? Vi aspetto nel prossimo tutorial dove vedremo come migliorare l’aspetto del template, sistemando meglio la larghezza e i margini tra le colonne….
Se avete riscontrate delle difficoltà, seguite il videotutorial, che vi spiega passo dopo passo tutti i passaggi:
Continua a leggere
Abbonati gratis a questo blog
Seguitemi e vedrete che sarà facilissimo...In caso di difficoltà, in fondo c'è il videotutorial, che vi spiega passo dopo passo tutti i passaggi..
Iniziamo
a - Fate il login
b - Cliccate su "Modifica HTML"
c - Per sicurezza salvate il template, cosi in caso di errori potete ripristinarlo.
Iniziamo con la Colonna centrale…
1 – Cercate il blocco di codice:
| #main-wrapper { width: 430px; margin-left: 15px; background:#eeeeee; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } |
| #main { margin: 10px; text-align: left; color:$pagetitlecolor; } |
Centriamo il contenuto della Colonna Destra
2 – Cercate il blocco di codice:
| #right-sidebar-wrapper { width: 220px; background:#eeeeee; margin-right: 0px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } |
| #right-sidebar { margin: 10px; text-align: left; color:$pagetitlecolor; } |
3 – Cercate il blocco di codice:
| #left-sidebar-wrapper { width: 220px; background:#eeeeee; margin-left: 0px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } |
| #left-sidebar { margin: 10px; text-align: left; color:$pagetitlecolor; } |
Se avete riscontrate delle difficoltà, seguite il videotutorial, che vi spiega passo dopo passo tutti i passaggi:
Continua a leggere
Abbonati gratis a questo blog
Avete seguito i precedenti tutorial, o avete un blog con le colonne senza sfondo,
e non si riesce a capire qual è la colonna centrale, destra o sinistra???
Non preoccupatevi. In questo tutorial vedremo come aggiungere uno sfondo alle colonne, per distinguerle l'una dall'altra..
Seguitemi e vedrete che sarà facilissimo...In caso di difficoltà, in fondo c'è il videotutorial, che vi spiega passo dopo passo tutti i passaggi..
Iniziamo
1 - Fate il login
2 - Cliccate su "Modifica HTML"
3 - Per sicurezza salvate il template, cosi in caso di errori potete ripristinarlo.
Per prima cosa andiamo ad aggiungere lo sfondo(background) della colonna centrale, ossia quella dei post:
4 - Cercate il codice sotto:
#main-wrapper {
5 - Subito dopo inserite il codice sotto:
background-color:#eeeeee;
NB: Ho scelto il colore #eeeeee, che è un grigio chiaro, a caso, ma voi potete scegliere un altro colore, in base al colore del vostro sfondo. Vi potrà essere utile , un programmino free di soli 160 kb, che non ha bisogno neanche di essere installato,
scaricandolo da questo indirizzo: http://www.4shared.com/get/22020640/9e617ef7/htmlcol.html.
E’ facilissimo, ma in caso di difficoltà, seguite il videotutorial, che vi spiega passo dopo passo come si usa:
Adesso aggiungiamo lo sfondo alle due colonne laterali (le 2 sidebar). Il nome delle sidebar può variare in base al numero delle colonne o alle modifiche fatte al template. Le colonne si possono chiamare: sidebar, o sidebar-wrapper, o right-sidebar e left-sidebar, o come nel nostro caso right-sidebar-wrapper e left-sidebar-wrapper. Aggiungiamo uno sfondo alla colonna destra.
6 - Cercate il codice sotto:
#right-sidebar-wrapper {
7 - Subito dopo inserite il codice sotto:
background-color:#eeeeee;
Aggiungiamo uno sfondo alla colonna sinistra.
8 - Cercate il codice sotto:
#left-sidebar-wrapper {
7 - Subito dopo inserite il codice sotto:
background-color:#eeeeee;
Fatte l’anteprima, e se siete sodisfatti salvate il lavoro, cliccando su “SALVA MODELLO” Se avete riscontrate delle difficoltà, seguite il videotutorial, che vi spiega passo dopo passo tutti i passaggi:
Continua a leggere
Abbonati gratis a questo blog
e non si riesce a capire qual è la colonna centrale, destra o sinistra???
Non preoccupatevi. In questo tutorial vedremo come aggiungere uno sfondo alle colonne, per distinguerle l'una dall'altra..
Seguitemi e vedrete che sarà facilissimo...In caso di difficoltà, in fondo c'è il videotutorial, che vi spiega passo dopo passo tutti i passaggi..
Iniziamo
1 - Fate il login
2 - Cliccate su "Modifica HTML"
3 - Per sicurezza salvate il template, cosi in caso di errori potete ripristinarlo.
Per prima cosa andiamo ad aggiungere lo sfondo(background) della colonna centrale, ossia quella dei post:
4 - Cercate il codice sotto:
#main-wrapper {
5 - Subito dopo inserite il codice sotto:
background-color:#eeeeee;
NB: Ho scelto il colore #eeeeee, che è un grigio chiaro, a caso, ma voi potete scegliere un altro colore, in base al colore del vostro sfondo. Vi potrà essere utile , un programmino free di soli 160 kb, che non ha bisogno neanche di essere installato,
scaricandolo da questo indirizzo: http://www.4shared.com/get/22020640/9e617ef7/htmlcol.html.
E’ facilissimo, ma in caso di difficoltà, seguite il videotutorial, che vi spiega passo dopo passo come si usa:
Adesso aggiungiamo lo sfondo alle due colonne laterali (le 2 sidebar). Il nome delle sidebar può variare in base al numero delle colonne o alle modifiche fatte al template. Le colonne si possono chiamare: sidebar, o sidebar-wrapper, o right-sidebar e left-sidebar, o come nel nostro caso right-sidebar-wrapper e left-sidebar-wrapper. Aggiungiamo uno sfondo alla colonna destra.
6 - Cercate il codice sotto:
#right-sidebar-wrapper {
7 - Subito dopo inserite il codice sotto:
background-color:#eeeeee;
Aggiungiamo uno sfondo alla colonna sinistra.
8 - Cercate il codice sotto:
#left-sidebar-wrapper {
7 - Subito dopo inserite il codice sotto:
background-color:#eeeeee;
Fatte l’anteprima, e se siete sodisfatti salvate il lavoro, cliccando su “SALVA MODELLO” Se avete riscontrate delle difficoltà, seguite il videotutorial, che vi spiega passo dopo passo tutti i passaggi:
Continua a leggere
Abbonati gratis a questo blog
Ciao..
Per chi desidera inserire nel proprio sito, un sottofondo musicale creato in flash,sicuramente troverà utilissimi questi due esempi.
Come dico sempre, possono esistere tanti modi per creare animazioni in flash, ma io cerco sempre di creare esempi semplici, che sono alla portata di tutti, sia principianti che .....
Iniziamo...
Esempio 1
In questo esempio ho creato un file flash che tramite actionscript carica un file MP3 che si trova nella libreria. Il file MP3 parte in automatico e dopo viene gestito con i pulsanti "PLAY", "STOP" e "Controllo VOLUME". (Il brano MP3 inserito, è la base midi che ho creato tempo fa per una canzone composta da una mia amica).
Il file flash è costruito da tre pulsanti (play, stop, volume) e da un brano MP3 che si trova nella libreria.
1 - Aprite Flash.
2 - Andate su: > File > Importa > Importa nella Libreria.
3 - Scegliete il brano(wav o Mp3) e cliccate su "APRI".
4 - Aprite il panello Libreria andando su > Finestra > Libreria, o tramitte la combinazione CTRL+L dove trovate il file MP3 appena importato.
5 - Cliccate con il tasto destro del mouse sul file MP3 e dalla finestra che si apre cliccate sulla voce "CONCATENAMENTO".
6 - Nel panello "Proprietà del Concatenamento" spuntate la casella "Esporta per Actionscript" e lasciate invariate le altre opzioni.
NB: Notate bene e ricordatevi il nome che si trova (che potete cambiare a vostra scelta) nella casella "Identificatore", perche vi servirà nel codice actionscript per identificare il file da caricare.
7 - Create il pulsante "Play", assegnando come "Nome istanza" "play_btn".
8 - Create il pulsante "Stop", assegnando come "Nome istanza" "stop_btn".
9 - Create un Nuovo Livello > Inserisci > Linea temporale > Livello e chiamatelo "Actions Button". Aprite il panello Azioni (F9) e inserite il codice sotto:
//codice che carica il file sound
var song_sound:Sound = new Sound();
song_sound.attachSound("T'Aspetto");
song_sound.start(0, 99999);
//codice pulsanti
_root.play_btn._visible=false;
play_btn.onRelease = function() {
song_sound.start();
this._visible=false;
_root.stop_btn._visible=true;
};
stop_btn.onRelease = function() {
song_sound.stop();
this._visible=false;
_root.play_btn._visible=true;
};
Sostituite il nome "T'Aspetto"(che è l'Identificatore del mio file MP3) con l'Identificatore del vostro file MP3.
Se volete inserire anche un pulsante "Controllo Volume", vi basta:
1 - Create un pulsante(io ho creato un retangolo di Altezza 30px e Largheza 10px e l'ho convertito in Pulsante)
2 - Assegnate al pulsante appena creato come "Nome Istanza" > maniglia_btn
3 - Selezionate il pulsante appena creato e convertitelo in "Clip Filmato"
4 - Assegnate al Clip Filmato appena creato come "Nome Istanza" > volume_mc
Cosi abbiamo un Clip Filmato con dentro un Pulsante
5 - Create un Nuovo Livello e chiamatelo "Actions Controllo Volume". Aprite il panello Azioni (F9) e inserite il codice sotto:
//codice barra volume
this.createTextField("volume_txt", 10, 130, 64, 200, 20);
volume_mc.top = volume_mc._y;
volume_mc.bottom = volume_mc._y;
volume_mc.left = volume_mc._x;
volume_mc.right = volume_mc._x + 100;
volume_mc._x += 100;
volume_mc.maniglia_btn.onPress = function() {
startDrag(this._parent, false, this._parent.left, this._parent.top, this._parent.right, this._parent.bottom);
};
volume_mc.maniglia_btn.onRelease = function() {
stopDrag();
var level:Number = Math.ceil(this._parent._x - this._parent.left);
this._parent._parent.song_sound.setVolume(level);
this._parent._parent.volume_txt.text = level;
};
volume_mc.maniglia_btn.onReleaseOutside = slider_mc.maniglia_btn.onRelease;
Per provare il lavoro appena finito andate su > Controllo > Prova Filmato o tramitte la combinazione CTRL+INVIO.
Esempio 1:
Esempio 2
In questo esempio ho creato un file flash che tramite actionscript carica un file esterno MP3, che possiamo gestirlo tramitte i pulsanti play e stop.
1 - Create il pulsante Play
2 - Aprite il panello Azioni(F9) e inserite il codice sotto:
on (press) {
mio_sound.start();
}
3 - Create il pulsante Stop
4 - Aprite il panello Azioni e inserite il codice sotto:
on (press) {
mio_sound.stop();
}
5 - Create un nuovo livello. Aprite il panello Azioni(F9) e inserite il codice sotto:
var mio_sound:Sound = new Sound();
mio_sound.loadSound("QUI INSERIRE IL NOME DEL FILE MP3.mp3", true);
mio_sound.onSoundComplete = function() {
mio_sound.start(0, 99999);
};
NB: Al posto della scritta in rosso "QUI INSERIRE IL NOME DEL FILE MP3", dovete inserire il nome del file MP3 che si trova nel vostro hard disk, o potete inserire l'url del file mp3.. Nel esempio sotto l'audio non inizia automaticamente, ma dovete premere il pulsante play, altrimenti non si capirebbe niente tra i due esempi: Invece il vostro sottofondo musicale partirà automaticamente quando si carica la pagina..
Per provare il lavoro appena finito andate su > Controllo > Prova Filmato o tramitte la combinazione CTRL+INVIO. Enjoy...
Esempio 2 (NB: Se il brano non parte immediatamente, non è colpa del mio script, ma del server che lo ospita, perciò dovete avere un po di pazienza)
Seguite il Videotutorial, che vi spiega passo dopo passo tutti i passaggi:
Tutorial Parte 1
Tutorial Parte 2
Tutorial Parte 3
Continua a leggere
Abbonati gratis a questo blog
Per chi desidera inserire nel proprio sito, un sottofondo musicale creato in flash,sicuramente troverà utilissimi questi due esempi.
Come dico sempre, possono esistere tanti modi per creare animazioni in flash, ma io cerco sempre di creare esempi semplici, che sono alla portata di tutti, sia principianti che .....
Iniziamo...
Esempio 1
In questo esempio ho creato un file flash che tramite actionscript carica un file MP3 che si trova nella libreria. Il file MP3 parte in automatico e dopo viene gestito con i pulsanti "PLAY", "STOP" e "Controllo VOLUME". (Il brano MP3 inserito, è la base midi che ho creato tempo fa per una canzone composta da una mia amica).
Il file flash è costruito da tre pulsanti (play, stop, volume) e da un brano MP3 che si trova nella libreria.
1 - Aprite Flash.
2 - Andate su: > File > Importa > Importa nella Libreria.
3 - Scegliete il brano(wav o Mp3) e cliccate su "APRI".
4 - Aprite il panello Libreria andando su > Finestra > Libreria, o tramitte la combinazione CTRL+L dove trovate il file MP3 appena importato.
5 - Cliccate con il tasto destro del mouse sul file MP3 e dalla finestra che si apre cliccate sulla voce "CONCATENAMENTO".
6 - Nel panello "Proprietà del Concatenamento" spuntate la casella "Esporta per Actionscript" e lasciate invariate le altre opzioni.
NB: Notate bene e ricordatevi il nome che si trova (che potete cambiare a vostra scelta) nella casella "Identificatore", perche vi servirà nel codice actionscript per identificare il file da caricare.
7 - Create il pulsante "Play", assegnando come "Nome istanza" "play_btn".
8 - Create il pulsante "Stop", assegnando come "Nome istanza" "stop_btn".
9 - Create un Nuovo Livello > Inserisci > Linea temporale > Livello e chiamatelo "Actions Button". Aprite il panello Azioni (F9) e inserite il codice sotto:
//codice che carica il file sound
var song_sound:Sound = new Sound();
song_sound.attachSound("T'Aspetto");
song_sound.start(0, 99999);
//codice pulsanti
_root.play_btn._visible=false;
play_btn.onRelease = function() {
song_sound.start();
this._visible=false;
_root.stop_btn._visible=true;
};
stop_btn.onRelease = function() {
song_sound.stop();
this._visible=false;
_root.play_btn._visible=true;
};
Sostituite il nome "T'Aspetto"(che è l'Identificatore del mio file MP3) con l'Identificatore del vostro file MP3.
Se volete inserire anche un pulsante "Controllo Volume", vi basta:
1 - Create un pulsante(io ho creato un retangolo di Altezza 30px e Largheza 10px e l'ho convertito in Pulsante)
2 - Assegnate al pulsante appena creato come "Nome Istanza" > maniglia_btn
3 - Selezionate il pulsante appena creato e convertitelo in "Clip Filmato"
4 - Assegnate al Clip Filmato appena creato come "Nome Istanza" > volume_mc
Cosi abbiamo un Clip Filmato con dentro un Pulsante
5 - Create un Nuovo Livello e chiamatelo "Actions Controllo Volume". Aprite il panello Azioni (F9) e inserite il codice sotto:
//codice barra volume
this.createTextField("volume_txt", 10, 130, 64, 200, 20);
volume_mc.top = volume_mc._y;
volume_mc.bottom = volume_mc._y;
volume_mc.left = volume_mc._x;
volume_mc.right = volume_mc._x + 100;
volume_mc._x += 100;
volume_mc.maniglia_btn.onPress = function() {
startDrag(this._parent, false, this._parent.left, this._parent.top, this._parent.right, this._parent.bottom);
};
volume_mc.maniglia_btn.onRelease = function() {
stopDrag();
var level:Number = Math.ceil(this._parent._x - this._parent.left);
this._parent._parent.song_sound.setVolume(level);
this._parent._parent.volume_txt.text = level;
};
volume_mc.maniglia_btn.onReleaseOutside = slider_mc.maniglia_btn.onRelease;
Per provare il lavoro appena finito andate su > Controllo > Prova Filmato o tramitte la combinazione CTRL+INVIO.
Esempio 1:
Esempio 2
In questo esempio ho creato un file flash che tramite actionscript carica un file esterno MP3, che possiamo gestirlo tramitte i pulsanti play e stop.
1 - Create il pulsante Play
2 - Aprite il panello Azioni(F9) e inserite il codice sotto:
on (press) {
mio_sound.start();
}
3 - Create il pulsante Stop
4 - Aprite il panello Azioni e inserite il codice sotto:
on (press) {
mio_sound.stop();
}
5 - Create un nuovo livello. Aprite il panello Azioni(F9) e inserite il codice sotto:
var mio_sound:Sound = new Sound();
mio_sound.loadSound("QUI INSERIRE IL NOME DEL FILE MP3.mp3", true);
mio_sound.onSoundComplete = function() {
mio_sound.start(0, 99999);
};
NB: Al posto della scritta in rosso "QUI INSERIRE IL NOME DEL FILE MP3", dovete inserire il nome del file MP3 che si trova nel vostro hard disk, o potete inserire l'url del file mp3.. Nel esempio sotto l'audio non inizia automaticamente, ma dovete premere il pulsante play, altrimenti non si capirebbe niente tra i due esempi: Invece il vostro sottofondo musicale partirà automaticamente quando si carica la pagina..
Per provare il lavoro appena finito andate su > Controllo > Prova Filmato o tramitte la combinazione CTRL+INVIO. Enjoy...
Esempio 2 (NB: Se il brano non parte immediatamente, non è colpa del mio script, ma del server che lo ospita, perciò dovete avere un po di pazienza)
Seguite il Videotutorial, che vi spiega passo dopo passo tutti i passaggi:
Tutorial Parte 1
Tutorial Parte 2
Tutorial Parte 3
Continua a leggere
Abbonati gratis a questo blog
Iscriviti a:
Post (Atom)
