Orologio personalizzato 2

QUESTO E' UN ALTRO MODO POI VEDETE VOI QUALE TROVATE PIU' BELLO CMQ QUELLO DI PRIMA SE IL SITO NN SI CARIKA  E' NORMALE DOVETE ASPETTARE UN BEL PO'

Fase 1: preparazione dell'immagine

Siccome la prima parte del procedimento è uguale per tutti e tre, questo tutorial è la preparazione di base da seguire sia per calendari, che datari, che orologini, cambiera' solo l'inserimento del codice.

Apri front page e posizionati su "normale", fai "inserisci--->livello"... vai ora in "codice", clicca col mouse prima del tag </div> e fai, dalla barra in alto "inserisci--->immagine---da file", cerca nel tuo pc l'immagine da inserire e clicca ok.

Ora vai su "normale", clicca sul bordino dell'immagine in modo che il livello dell'immagine sia selezionato (facendo modo,quindi, che il nuovo livello che ora creeremo resti inglobato a quello creato prima) e fai nuovamente "inserisci--->livello"



Ti ritroverai un quadratino dai bordini azzurri nel riquadro del programma è il nuovo livello creato). Premi il tasto del mouse sul riquadro in alto a sinistra, dove vedi sritto "livello 1" per spostarlo nella posizione dove piu' ti piace sull'immagine, cosi'



Ora torna su "codice" e sei pronta per inserire il codice.

Per poter essere visualizzato in linea, l'immagine deve essere hostata su un servizio di hosting free, carica quindi l'immagine che hai usato direttamente nel tuo spazio web, oppure usa servizi come "imageshack", in modo da avere l'url da inserire al posto del percorso interno al tuo pc messo dal programma al momento dell'inserimento immagine 

Fase 2: inserimento del codice [calendario web]

Vai in "codice" e ti ritroverai il <div> appena creato sottolineato di azzurro



Clicca con il mouse subito prima del tag di chiusura </div> ora scarica questo codice in formato .zip

SCARICA CODICE

...scompatta il file, salvalo in blocco note, cosi' lo avrai ogni volta che ti servira', copialo ed incollalo dove avevi cliccato prima, prima del tag </div>

L'unica parte che puoi modificare, per pesonalizzare ed adattare alla tua immagine, è quella relativa al font, che vedrai, in front page, colorata di verde chiaro 



Se ora vai su anteprima potrai vedere il tuo calendario in funzione, se la posizione non è perfetta, torna su "normale" e sposta il livello. 

Quando è tutto a posto copia il codice e incollalo in una nuova pagina web (o al massimo in un foglio del blocco note, non salvare MAI direttamente da front page)

Per l'inserimento in spazi web come blog o pagine internet bisognera' creare il frame, lo faremo nell'ultima lezione

Per ora vediamo solo il risultato del mio, finito, come lo dovreste vedere andando su "anteprima" 

Fase 2: inserimento del codice [orologio web]

Vai in "codice" e ti ritroverai il <div> appena creato sottolineato di azzurro



Clicca con il mouse subito prima del tag di chiusura </div> Ora copia tutto questo codice

<script language="JavaScript"> function tS(){ x=new Date(); x.setTime(x.getTime()); return x; } function lZ(x){ return (x>9)?x:'0'+x; } function tH(x){ if(x==0){ x=24; } return (x>24)?x-=24:x; } function dT(){ if(fr==0){ fr=1; document.write('<font size=2 font color=#f74208 face=Tahoma><b><span id="tP">'+eval(oT)+'</b></span></font>'); } tP.innerText=eval(oT); setTimeout('dT()',1000); } var fr=0,oT="lZ(tH(tS().getHours()))+':'+lZ(tS().getMinutes())+':'+lZ(tS().getSeconds())"; </script> <script language="JavaScript">dT();</script>

ed incollalo dove avevi cliccato prima, prima del tag </div> L'unica parte che puoi modificare, per pesonalizzare ed adattare alla tua immagine, e' quella relativa al font

<font size=2 font color=#f74208 face=Tahoma>

puoi quindi, rispettivamente, variare la grandezza, il colore e tipo di font

Se ora vai su anteprima potrai vedere il tuo orologio in funzione, se la posizione non e' perfetta, torna su "normale" e sposta il livello. 

Quando e' tutto a posto copia il codice e incollalo in una nuova pagina web (o al massimo in un foglio del blocco note, non salvare MAI direttamente da front page)

Per l'inserimento in spazi web come blog o pagine internet bisognera' creare il frame, lo faremo nell'ultima lezione



Per ora vediamo il mio, finito, come dovreste vederlo andando su "anteprima

Fase 2: inserimento del codice [datario web]

Vai in "codice" e ti ritroverai il <div> appena creato sottolineato di azzurro



Clicca con il mouse subito prima del tag di chiusura </div> ora copia questo codice

<span id="webpos"><script type="text/javascript">WebDate(); </script></span>

e incollalo dove avevi cliccato prima, prima del tag </div>

Poi copia anche questo codice

<script type="text/javascript" language="JavaScript"> function WebDate() { var now = new Date(); var year= now.getYear();if (year < 1000) year += 1900; nameDay = new Array('Domenica','Lunedi','Martedi','Mercoledi','Giovedi','Venerdi','Sabato'); nameMth = new Array('Gennaio','Febbraio','Marzo','Aprile','Maggio', 'Giugno', 'Luglio', 'Agosto', 'Settembre', 'Ottobre', 'Novembre','Dicembre'); document.write('<p style="color: #00308A;font-size:12pt; font-weight : bold;font-family:tahoma; "> '+nameDay[now.getDay()]+ ' ' + now.getDate() + " " + nameMth[now.getMonth()] + " " + year+'</p>') } </script>

ed incollalo, invece tra i tag &lthead> L'unica parte che puoi modificare, per pesonalizzare ed adattare alla tua immagine, e' quella relativa al font 

Se ora vai su anteprima potrai vedere il tuo datario in funzione, se la posizione non e' perfetta, torna su "normale" e sposta il livello. 

Quando e' tutto a posto copia il codice e incollalo in una nuova pagina web (o al massimo in un foglio del blocco note, non salvare MAI direttamente da front page)

Per l'inserimento in spazi web come blog o pagine internet bisognera' creare il frame, lo faremo nell'ultima lezione

Per ora vediamo solo il risultato del mio, finito, come lo dovreste vedere andando su "anteprima"