lançamento da Microsoft para o Windows Vista foi o seu primeiro lançamento novo sistema operacional em mais de cinco anos. Vista seguido Windows XP e inclui uma série de novas funcionalidades concebidas para facilitar o uso e melhoria estética. Novos recursos do Vista variou de superficial , como em um novo conjunto de efeitos sonoros padrão , a arquitetura , como em mudanças no kernel do sistema operacional para melhorar a estabilidade . Uma característica que chamou a atenção foi o novo Windows Sidebar, uma área de trabalho que exibe pequenos programas chamados "gadgets ". Mesmo um programador amador pode criar um gadget simples barra lateral Vista usando um pouco de código HTML e JavaScript. Instruções
Crie o Vista Sidebar Gadget
1

Clique em "Iniciar " e depois em " Documentos " para abrir uma janela do Windows Explorer. Clique em " Arquivo", " New ", " Pasta" para criar uma nova pasta em documentos que contêm os arquivos para o gadget. Nomeie-o " SampleGadget.Gadget " (sem as aspas).
2

Clique em " Iniciar", " Todos os Programas", " Acessórios", "Bloco de notas " para abrir o bloco de notas .

3

Digite o seguinte código para o arquivo de manifesto do gadget no bloco de notas :

< versão xml = "1.0" encoding = "UTF -8" ? >

amostra Gadget

1.0.0.0

amostra simples gadget da barra lateral Vista.

< tipo base = apiVersion "HTML" = " 1.0.0 " src = " SampleGadget.html " />

completa < /permissões >

< br >

< /host >

< /hosts >

Clique em "Arquivo " e depois " Salvar como". Em "Nome do arquivo " digite " gadget.xml " (sem as aspas). Na lista " Salvar como tipo ", selecione "Todos os arquivos (*. *) . " Na lista " Codificação" selecione " UTF-8 ". Na barra de endereços ou no painel de pastas , navegue para a nova pasta que você criou na etapa 1 e clique no botão "Save" para salvar o arquivo de manifesto.
4

Limpar o conteúdo do bloco de notas e digite o seguinte código para o arquivo HTML do gadget :

< , tipo script = "text /javascript " >

função startup () {

//Start -up de limpeza vai aqui , por exemplo:

//Set referência à principal elemento div

var theDiv = document.getElementById ( 'main' );

//Set cor de fundo estilo

theDiv.style . backgroundColor = 'black' ;

//Set estilo cor do texto

theDiv.style.color = 'amarelo' ;

}