Personalización de sitios para IE9: Botones y Lista de Tareas.
Esta pequeña guía es para conocer una propiedad que se puede aplicar en los sitios web anclados de cambiar los colores del botón del navegador y crear una lista de tareas, lo de cambiar los colores de los botones del navegador sólo funciona en IE9 en adelante(no funciona para Chrome, Firefox,etc.), y las tareas de los sitios anclados sólo en Windows 7 en adelante.
Acá un ejemplo de un sitio web anclado con ya lista de tareas. Para anclar un sitio basta con arrastrarlo hacia la barra de tareas de Windows 7:
y acá con los botones cambiados de color, comenzaremos con esto primero:
Cambiando el color de los botones de IE9
Hacer eso es bastante sencillo, lo único que haremos es agregar esta etiqueta <meta> al <head> del sitio.
Código HTML :
<meta name="msapplication-navbutton-color" content="orange"/>
En el content indicamos el color, puede escribirse así o de ésta manera "#0489B1" y listo, con eso ya cambiamos el color de los botones de IE9. Recuerden esto sólo funciona cuando el sitio está anclado.
Ahora agregar la lista de tareas al sitio anclado.
acá una imagen del código completo:
Los sitios anclados sólo permiten un máximo de 4 "sub-sitios" que vendrían a ser cada una de las tareas (Actividad9,11,13,19) como se muestra en la primera imagen. El código es el siguiente, con etiquetas <meta>:
Código HTML :
<meta name="msapplication-task" content="name=Actividad 9; action-uri=http://josehtml5diplomado.nixiweb.com/ActividadFinal/actividad9/actividad9.html ;icon-uri=http://josehtml5diplomado.nixiweb.com/ActividadFinal/actividad9/iconos/favicon.ico"/>
- name= El nombre que va a aparecer en la lista de tareas.
- action-uri= La dirección del sitio a donde deseamos ir.
- icon-uri= La dirección del favicon.ico de cada una de las páginas para que aparezca en la lista de tareas.
Ahora vuelven a repetir ese código para cada una de las tareas que quieran hacer. Y eso es todo!
Espero que les haya servido de algo, es mi primer tutorial
Saludos!
