versión de Microsoft de Windows Vista fue su primer lanzamiento de un nuevo sistema operativo en más de cinco años. Vista seguido de Windows XP e incluye una serie de nuevas características diseñadas para facilitar el uso y la mejora estética. Nuevas características de Vista variaron de superficial , como en un nuevo conjunto de efectos de sonido predeterminadas, para arquitectura , como en los cambios en el núcleo del sistema operativo para mejorar la estabilidad . Una característica que llamó la atención fue el nuevo Windows Sidebar, un área de escritorio que muestra pequeños programas denominados "gadgets ". Incluso un programador aficionado puede crear un gadget de barra lateral de Vista sencilla con un poco de HTML y JavaScript . Instrucciones
Crear el Vista Sidebar Gadget
1
clic en "Inicio " y luego " Documentos " para abrir una ventana de Windows Explorer. Haga clic en " Archivo", " Nuevo", " Carpeta " para crear una nueva carpeta en documentos que contendrán los archivos para el gadget. El nombre de " SampleGadget.Gadget " (sin las comillas).
2 Haga clic en " Inicio", " Todos los programas", " Accesorios ", " Bloc de notas " para abrir el Bloc de notas .
Página 3
Escriba el siguiente código de archivo de manifiesto del gadget en el Bloc de notas : < ? xml version = encoding " 1.0 " = "UTF - 8 ">
Gadget muestra < /name>
1.0.0.0 < /version >
muestra simple gadget de barra lateral de Vista. < /description>
host> name="sidebar">
completa
< br >
< /host >
< /hosts >
< /adminículo >
Haga clic en " archivo" y luego "Guardar como ". En el campo " Nombre de archivo" tipo caja " gadget.xml " (sin las comillas). En la lista "Guardar como tipo ", seleccione " Todos los archivos ( * . *) . " En la lista de "Codificación ", seleccione "UTF - 8 ". En la barra de direcciones o en el panel de carpetas , vaya a la carpeta que ha creado en el paso 1 y haga clic en el botón "Guardar " para guardar el archivo de manifiesto.
4
Borrar el contenido del Bloc de notas y escriba el el siguiente código de archivo HTML del gadget :
< p>
Muestra Vista Gadget < /title> <br> < p > <style type="text/css"> <br> <p> cuerpo <br> <p> { <br> margen <p> : 0 ; <br> <p> ancho : 130px ; <br> altura <p> : 90px ; <br> <p> font- family: arial ; <br> <p> font-weight : bold; <br> <p> font- size: 20px ; <br> <p> } <br> <p> # main <br> <p> { <br> margen <p> : 10px , 10px , 10px , 10px ; <br> <p> ancho : 110px ; <br> <p> vertical-align : media; <br> <p> text-align : center; <br> <p> overflow : hidden; } <br> <p> <br> <p> < /style> <br> <p> < , tipo de script = "text /javascript" > <br> <p> arranque function () { <br> <p> <br> <p> //servicio de limpieza de arranque va aquí , por ejemplo : <br> < p > //Set referencia al principal elemento div <br> <p> theDiv var = document.getElementById ( 'main '); <br> <p> //Establecer el color de fondo del estilo <br> <p> theDiv.style . backgroundColor = ' negro ' ; <br> <p> //Establecer el color del texto del estilo <br> <p> theDiv.style.color = 'amarillo' ; <br> <p> } <br> <p> < /script> <br> <p> < /head> <body <br> <p> onload="startUp()"> <br> <p> <div id="main"> Vista Sidebar Gadget </span> <br> <p> < /body> <br> <p> < /html > <br> <p> Haga clic en " archivo", " Guardar como" . En el campo " Nombre de archivo" tipo caja " SampleGadget.html " (sin las comillas). En la lista "Guardar como tipo ", seleccione " Todos los archivos ( * . *) . " En la lista de "Codificación ", seleccione "UTF - 8 ". Verifique que el Bloc de notas todavía está guardando en la nueva carpeta que ha creado y haga clic en el botón "Guardar " para guardar el archivo HTML. <br> Instale el Vista Sidebar Gadget <br> 5 <p> Highlight el nombre de la carpeta en la ventana del Explorador de Windows que abrió en el paso 1 . Pulse las teclas " C", " Ctrl" y al mismo tiempo para copiar la carpeta y su contenido en el portapapeles. Navegar en la ventana del Explorador en C: \\ Archivos de programa \\ Windows Sidebar \\ Gadgets \\ y presione las teclas " V" " Ctrl" y al mismo tiempo para pegar la carpeta y su contenido . Puede que tenga que dar una contraseña de administrador y bien la operación de copia , dependiendo de la configuración de seguridad de Vista . <br> 6 <p> Haga clic en " Inicio", " Todos los programas", " Accesorios ", "Windows Sidebar " para iniciar la barra lateral si no está ya en ejecución . <br> 7 <p> clic en el signo más (+ ) cerca del centro de la parte superior de la barra lateral para abrir la ventana de la galería gadget. Haga doble clic en el icono denominado " Gadget muestra " para el nuevo gadget de la barra lateral . Se mostrará el mensaje " Vista Sidebar Gadget ! " en el tipo de color amarillo sobre un fondo negro con un borde blanco , según se especifica en el archivo 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='/Programacion/javascript-programming/91138.html' >¿Cómo se utiliza iBox </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/javascript-programming/91140.html' >Cómo calcular la resolución de la pantalla 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"> Artículos relacionados </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="/Programacion/javascript-programming/91207.html" title="Cómo configurar el fondo de animación en una página Web " target="_self">Cómo configurar el fondo de animación en una página …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90959.html" title="Literales de cadena en JavaScript Encoding " target="_self">Literales de cadena en JavaScript Encoding </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90770.html" title="JavaScript código de validación para los campos de juego " target="_self">JavaScript código de validación para los campos de ju…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91048.html" title="Cómo habilitar y deshabilitar los cuadros de texto en Javascript " target="_self">Cómo habilitar y deshabilitar los cuadros de texto en …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91232.html" title="Cómo insertar HTML en un mensaje de correo electrónico " target="_self">Cómo insertar HTML en un mensaje de correo electrónic…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91270.html" title="¿Qué hace JavaScript " target="_self">¿Qué hace JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90987.html" title="Cómo mover una imagen de X & Y en JavaScript " target="_self">Cómo mover una imagen de X & Y en JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90866.html" title="Cómo dividir un URL largas en 2 " target="_self">Cómo dividir un URL largas en 2 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91129.html" title="Cómo calcular en Java Script " target="_self">Cómo calcular en Java Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90783.html" title="Embellecedores de código para JavaScript " target="_self">Embellecedores de código para JavaScript </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">Artículos destacados </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="/Programacion/cc-programming/85517.html" title="Cómo hacer un C + + Display Void " target="_self">Cómo hacer un C + + Display Void </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/perl-programming/93285.html" title="Perl Cadena Función Longitud " target="_self">Perl Cadena Función Longitud </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/perl-programming/93311.html" title="Cómo enviar texto HTML Con SMTP Perl " target="_self">Cómo enviar texto HTML Con SMTP Perl </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95465.html" title="Error de Visual Basic: Subíndice fuera del intervalo " target="_self">Error de Visual Basic: Subíndice fuera del intervalo </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/90738.html" title="Cómo hacer un applet JAVA " target="_self">Cómo hacer un applet JAVA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/89108.html" title="Cómo hacer un bucle MIDI en Java " target="_self">Cómo hacer un bucle MIDI en Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/91669.html" title="Cómo Pixel- Track para una página de redireccionamiento " target="_self">Cómo Pixel- Track para una página de redireccionamien…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90818.html" title="Cómo utilizar la dirección de la calle en lugar de Lat /Long en el API de Google Maps " target="_self">Cómo utilizar la dirección de la calle en lugar de La…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88382.html" title="Game Maker: Tutorial Matriz " target="_self">Game Maker: Tutorial Matriz </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/85695.html" title="Cómo hacer referencia a una imagen en C + + " target="_self">Cómo hacer referencia a una imagen en C + + </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 © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
