Como centralizar uma barra de menus do Spry

Os recursos do Adobe Dreamweaver Spry permitem adicionar elementos da Web orientados pelo Ajax com apenas alguns cliques do mouse. O método padrão para centralizar objetos em HTML não formata elementos UL, como os menus do Spry. A alteração das configurações padrão do menu permite que o tamanho, a forma e a aparência da barra sejam modificados e os menus de navegação podem ser centralizados com pequenas alterações na CSS (Cascading Style Sheet) associada.

Passo 1

Navegue até “SpryAssets” no diretório do site e abra “SpryMenuBarHorizontal.css” ou “SpryMenuBarVertical.css”.

Etapa 2

Role até “ul.MenuBarHorizontal” ou “ul.MenuBarVertical” e altere a configuração da margem atual para “automático”.

Etapa 3

Altere a largura atual de “automático” para um número específico de pixels adicionando “#px” e substituindo o símbolo “#” pelo número de pixels.

Etapa 4

Salve o arquivo CSS e abra seu site. Agora a barra de menus está centralizada.

 

Você pode estar interessado:

Deixe um comentário