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
< /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="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div>
</div>
<div class=contentpage>
<div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/91138.html' >¿Cómo se utiliza iBox </a> </div>
<div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/91140.html' >Cómo calcular la resolución de la pantalla con Java Script </a> </div>
</div>
<dl class=xgc>
<dt><span>JavaScript Programación</span></dt>
<dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91116.html">Cómo agregar dos números con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91205.html">Instrucciones de Cómo activar JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91056.html">Cómo detectar el sistema operativo con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90941.html">Acerca de la salida de datos JSON con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91185.html">Adición Javascript dinámicamente con DOM Scripting </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90953.html">Cómo eliminar una matriz asociativa JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91005.html">Cómo extraer los parámetros de una URL con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90750.html">Alternativas a los botones de opción en JQuery </a></dd>
</dl>
</div>
<!--right-->
<div class=rightmain>
<div class=esrightlist>
<div class=e1>Los últimos artículos de equipo</div>
<ul>
<li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91027.html" >Cómo dividir una cadena en JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91134.html" >Cómo importar VMWare disco en VirtualBox </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90794.html" >JavaScript como un código de servidor para Apache </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91280.html" >Cómo hacer un Banner Ciclismo JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90756.html" >Cómo resaltar una etiqueta en iFrame Contenido </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91187.html" >Cómo habilitar el servidor de control de uso de Javascript </a> </li>
</ul>
</div>
<div class=esrightlist>
<div class=e1>Artículos de la popular computadora</div>
<ul>
<li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91030.html" >Cómo configurar un VAR JavaScript para Flotador </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90772.html" >Javascript y expresiones regulares para Códigos postales </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91200.html" >Cómo redirigir una página web mediante Javascript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91100.html" >Cómo cambiar el tamaño y tipo de una chincheta en un mapa de Virtual Earth </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91225.html" >Cómo diagnosticar problemas con javascript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91035.html" >Cómo invertir Valor booleano en JavaScript </a></li>
</ul>
</div>
<div class="esrightad">
<script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script>
</div>
<div class=esrightlist>
<div class=e1>Más categorías</div>
<ul>
<li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li>
<li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li>
<li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li>
</ul>
</div>
</div>
<!--right end-->
<div class="cl"></div>
</div>
<div class=esfoot>
<div class=copy>Conocimiento de la computadora © http://www.ordenador.online</div>
</div>
</body>
</html>
