Neste post mostrarei como “pinnar” seu web site, ou seja, utilizar as funcionalidades do Windows 7 aliado ao Internet Explorer 9 para facilitar o acesso ao seu site, criar atalhos para área específicas e também fazer com que o navegador assuma a identidade visual do seu site.
A criação desta funcionalidade é realmente muito simples.
Para definição geral do seu pin, você deve utilizar a tag:
<meta name=”application-name” content=”MatheusDev”/>
Onde poderá inserir o nome da sua aplicação.
Para criar um item na Jump list basta adicionar a tag:
<meta name=”msapplication-task” content=”name=Opção1;action-uri=http://matheusdev.blogspot.com;icon-uri=http://*.ico” />
Content:
Name – Texto que será exibido como task na Jump list.
Action-uri – Endereço para onde o usuário será encaminhado ao clicar no item.
Icon-uri – Imagem de ícone que será exibida a frente do texto do item.
Para maior manipulação do Internet Explorer, podemos também utilizar a tag:
<meta name=”msapplication-window” content=”width=800;height=600″/>
Onde definimos qual serão as dimensões da janela quando for iniciada pela barra de tarefas do Windows 7.
Com a tag:
<meta name=”msapplication-starturl” content=”http://matheusdev.blogspot.com”/>
Podemos definir qual será o endereço que o usuário será direcionado quando clicado na
barra de tarefas.
barra de tarefas.
E por último temos a personalização da cor a ser utilizada nos botões de navegação do seu Internet Explorer para o seu web site.
No exemplo abaixo, está definido como red.
<meta name=”msapplication-navbutton-color” content=”red”/>
Bom, assim você já poderá customizar seu site com mais essa funcionalidade do Internet Explorer 9 integrado ao Windows 7.
Nenhum comentário:
Postar um comentário