A estrutura do Spry para Ajax permite que os designers de sites para incluir XML, o código JavaScript ou dados HTML em páginas da Web usando Cascading Style Sheets , ou CSS , para exibir as páginas sem recarregar -los a cada solicitação do usuário. Ele consiste nos efeitos do Spry para adicionar efeitos de animação para os menus e barras de navegação, dados Spry para a ligação com marcação HTML e estrutura do Spry Widgets para o desenvolvimento de widgets de dados. A estrutura do Spry está embutido no Adobe Dreamweaver CS3. Você precisa editar o arquivo CSS para adicionar imagens para o menu Spry . Instruções
1
Clique no botão " Iniciar" do Windows , e selecione " Adobe Dreamweaver CS3 " no menu "Todos os Programas " .
2
Selecione a opção " Arquivos" painel, e clique no arquivo " SpryMenuBarHorizontalHorizontal.css "
3
Adicione o seguinte código após a linha " Spry.Widget.MenuBar " no " projeto informação" : . < br >
ul li { # MenuBarHorizontal
background-image : URL ( images /itemgradient - hover.gif );
}
ul # MenuBarHorizontal li a {
color: # FFF ;
}
ul # MenuBarHorizontal li li {
background-image : URL ( images /itemgradient.gif ); < br >
}
ul # MenuBarHorizontal li li a {
color: # 000 ; }
ul # MenuBarHorizontal li li li {
background-image : URL ( images /itemgradient - hover.gif );
}
ul # MenuBarHorizontal li li li a {
color: # FFF ;
}
ul # MenuBarHorizontal a.MenuBarHorizontalItemHover , ul # MenuBarHorizontal a.MenuBarHorizontalItemSubmenuHover ,
ul # MenuBarHorizontal a.MenuBarHorizontalSubmenuVisible {
cor : # 45CCFF ; .
}
4
Clique no botão " Arquivo ", "Salvar" na barra de navegação Dreamweaver para adicionar imagens de fundo para o menu Spry
