rilascio di Microsoft Windows Vista è stato il suo primo lancio nuovo sistema operativo in oltre cinque anni . Vista seguita Windows XP e comprendeva una serie di nuove funzionalità progettate per la facilità d' uso e il miglioramento estetico . Nuove funzionalità di Vista variava da superficiali , come in una nuova serie di effetti sonori predefiniti , ad architettura , come in cambiamenti nel kernel del sistema operativo per migliorare la stabilità . Una caratteristica che ha guadagnato l'attenzione è stato il nuovo Windows Sidebar , una zona del desktop che visualizza piccoli programmi chiamati "gadget ". Anche un programmatore dilettante può creare un semplice gadget sidebar di Vista utilizzando un po 'di codice JavaScript e HTML e .
Istruzioni Creare la Vista Sidebar Gadget
1
Fare clic su " Start" poi su " Documenti " per aprire una finestra di Esplora risorse . Fare clic su " File ", " Nuovo ", "Cartella" per creare una nuova cartella in documenti che conterranno i file per il gadget . Il nome " SampleGadget.Gadget " ( senza le virgolette) .
2
Fare clic su " Start", " Tutti i programmi ", " Accessori ", " Blocco note " per aprire il Blocco note .
3
Digitare il seguente codice per il file manifesto del gadget in Blocco note : < ? xml version = " 1.0 " encoding = "utf - 8" >
Gadget esempio < /name>
1.0.0.0 < /version >
campione semplice Vista sidebar Gadget . < /description >
< tipo di base = apiVersion " HTML " = " 1.0.0 " src = " SampleGadget.html " />
completa
< br >
< /host >
< /gadget >
Fare clic su " File " e poi " Salva con nome ". In "Nome file" tipo di dialogo " gadget.xml " ( senza le virgolette) . Nell'elenco "Salva come " selezionare " Tutti i file ( * . *) . " Nella lista " Codifica " selezionare " UTF-8 ". Nella barra degli indirizzi o il riquadro delle cartelle , selezionare la nuova cartella creata nel passaggio 1 e fare clic sul pulsante "Salva " per salvare il file manifesto .
4
cancellare il contenuto di Blocco note e digitare il dopo il codice per il file HTML del gadget :
< p >
campione Vista Gadget < /title> <br> < p > <style type="text/css"> <br> <p> corpo <br> <p> { margin <br> <p> : 0 ; <br> <p> larghezza : 130px ; <br> altezza <p> : 90px ; <br> <p> font-family : Arial ; <br> <p> font- weight: bold ; <br> <p> font-size : 20px ; <br> <p> } <br> <p> # main <br> <p> { margin <br> <p> : 10px , 10px , 10px , 10px ; <br> <p> larghezza : 110px ; <br> <p> vertical-align : medio; <br> <p> text- align: center ; <br> <p> overflow: hidden ; <br> <p> } <br> <p> < /style > <br> <p> < , tipo di script = "text /javascript" > <br> <p> funzione Avvio ( ) per <p> { <br> <p> //pulizia avvio va qui , per esempio : <br> < p > //Set riferimento principale elemento div <br> <p> theDiv var = document.getElementById ( 'main '); <br> <p> //Imposta il colore di sfondo in stile <br> <p> theDiv.style . backgroundColor = ' nero '; <br> <p> //Imposta il colore del testo in stile <br> <p> theDiv.style.color = 'giallo' ; <br> <p> } <br> <p> < /script> <br> <p> < /head> <br> <p> <body onload="startUp()"> <br> <p> <div id="main"> Vista Sidebar Gadget </span> <br> <p> < /body> <br> <p> < /html > un Click <p> " File ", "Salva con nome ". In "Nome file" tipo di dialogo " SampleGadget.html " ( senza le virgolette) . Nell'elenco "Salva come " selezionare " Tutti i file ( * . *) . " Nella lista " Codifica " selezionare " UTF-8 ". Verificare che Notepad sta ancora salvando nella nuova cartella creata e fare clic sul pulsante "Salva" per salvare il file HTML . <br> Installare la Vista Sidebar Gadget <br> 5 <p> Evidenziare il nome della cartella nella finestra di Windows Explorer aperto nel passaggio 1 . Premere il tasto " Ctrl " e il tasto "C" contemporaneamente per copiare la cartella e il suo contenuto nei tuoi appunti. Navigare nella finestra di Esplora risorse in C: \\ Program Files \\ Windows Sidebar \\ Gadgets \\ e premere il tasto " Ctrl " e il tasto "V" contemporaneamente per incollare la cartella e il suo contenuto . Potrebbe essere necessario fornire la password dell'amministratore e va bene l'operazione di copia , a seconda delle impostazioni di sicurezza di Vista . <br> 6 <p> Fare clic su " Start", " Tutti i programmi ", " Accessori ", " Windows Sidebar " per avviare la barra laterale , se non è già in esecuzione . <br> 7 <p> Fare clic sul segno più ( + ) vicino al centro della parte superiore della barra laterale per aprire la finestra galleria del gadget . Fare doppio clic sull'icona denominata " Gadget campione" per posizionare il nuovo gadget sulla sidebar. Verrà visualizzato il messaggio " Vista Sidebar Gadget! " nel tipo giallo su uno sfondo nero con un bordo bianco , come specificato nel file HTML . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programmazione/javascript-programming/91138.html' >Come si usa iBox </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/javascript-programming/91140.html' >Come calcolare la risoluzione dello schermo con Java Script </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Articoli Correlati </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91128.html" title="Perché ricevo un messaggio di Javascript Void " target="_self">Perché ricevo un messaggio di Javascript Void </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91158.html" title="Come creare PDF con Javascript " target="_self">Come creare PDF con Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91069.html" title="Come utilizzare JavaScript per aggiornare una pagina Titolo " target="_self">Come utilizzare JavaScript per aggiornare una pagina Ti…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90747.html" title="JavaScript: Apostrophe Problema nella URL " target="_self">JavaScript: Apostrophe Problema nella URL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90843.html" title="Come fare un User Script nel GreaseMonkey " target="_self">Come fare un User Script nel GreaseMonkey </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91026.html" title="Come esecuzione di JavaScript in una pagina Web " target="_self">Come esecuzione di JavaScript in una pagina Web </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90876.html" title="Arrotondamento numeri in Javascript " target="_self">Arrotondamento numeri in Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90981.html" title="Come limitare una lunghezza variabile in javascript " target="_self">Come limitare una lunghezza variabile in javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90869.html" title="Funzioni JavaScript come argomento di funzione " target="_self">Funzioni JavaScript come argomento di funzione </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91160.html" title="Come fare un Habbo Retro " target="_self">Come fare un Habbo Retro </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Articoli in evidenza </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/96053.html" title="Come imparare VBA per Access " target="_self">Come imparare VBA per Access </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/perl-programming/93366.html" title="Come individuare AppConfig.pm " target="_self">Come individuare AppConfig.pm </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87719.html" title="Come compilare Fortran 77 su Ubuntu " target="_self">Come compilare Fortran 77 su Ubuntu </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/python-programming/93765.html" title="Come usare un dizionario Python " target="_self">Come usare un dizionario Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/91920.html" title="Come utilizzare una tabella PHP Invece di Frames " target="_self">Come utilizzare una tabella PHP Invece di Frames </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/perl-programming/93308.html" title="Come abilitare Perl in Snow Leopard " target="_self">Come abilitare Perl in Snow Leopard </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/ruby-programming/94202.html" title="Come costruire un Rackup in Ruby Run " target="_self">Come costruire un Rackup in Ruby Run </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/92563.html" title="Come eliminare i record da una tabella SQL in PHP " target="_self">Come eliminare i record da una tabella SQL in PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86726.html" title="Come sviluppare una applicazione DirectShow Camera " target="_self">Come sviluppare una applicazione DirectShow Camera </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87717.html" title="Come fare uno spazio tra le parole in PHP " target="_self">Come fare uno spazio tra le parole in PHP </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conoscenza Informatica http://it.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
