O Designer de estilos permite modificar ou personalizar folhas de estilos. Por padrão, a caixa de diálogo Designer de estilos é aberta na guia Fonte e cor e contém os seguintes controles:
Na lista suspensa, selecione um elemento de estilo que deseja modificar.
Clique para adicionar uma nova classe de estilo.
Clique para renomear a classe de estilo selecionada na lista suspensa Classes de estilo.
Clique para excluir a classe de estilo selecionada na lista suspensa Classes de estilo.
Essa propriedade lista as fontes instaladas no sistema. Clique em 
e 
para mover-se entre as fontes selecionadas na lista Fontes instaladas e na lista Fontes selecionadas.
Esta propriedade especifica uma lista hierárquica de fontes preferidas que um navegador usa para obter o elemento de classe de estilo. Um navegador usa a primeira fonte na lista instalada no sistema sendo executado.
Clique em 
e 
para mover-se para cima e para baixo nas fontes selecionadas na hierarquia.
Selecione o tamanho da fonte na lista suspensa.
Selecione um estilo de fonte da lista suspensa.
Selecione um estilo de fonte da lista suspensa.
Selecione essa opção se não quiser qualquer decoração de texto ou efeitos especiais.
Selecione essa opção se quiser que o texto seja sublinhado.
Selecione essa opção se quiser que o texto apareça riscado por uma linha.
Selecione essa opção se quiser que o texto apareça com uma linha acima dele.
Selecione a cor do primeiro plano para o elemento de texto clicando no botão Procurar à direita da propriedade Cor do primeiro plano. Em seguida, selecione a cor desejada na Paleta de cores e clique em OK.
Selecione a cor do plano de fundo para o elemento de texto clicando no botão Procurar à direita da propriedade Cor do plano de fundo. Em seguida, selecione a cor desejada na Paleta de cores e clique em OK.
Selecione essa opção se quiser que o plano de fundo do elemento de estilo seja transparente.
Um exemplo do elemento de estilo é exibido na área de visualização na parte inferior do diálogo.
Para definir a posição do elemento de estilo, clique na guia Posição. A guia Posição contém os seguintes controles:
Na lista suspensa, selecione uma das posições para o elemento. A propriedade de posição coloca um elemento em uma posição estática, absoluta ou relativa. Selecionar um valor Estático colocará o elemento de acordo com o fluxo normal. Selecionar um valor Absoluto colocará o elemento em qualquer lugar em uma página. Selecionar um valor Relativo moverá o elemento de acordo com sua posição normal.
Digite um valor para a margem esquerda na caixa de texto para o elemento. Selecione um tamanho na lista suspensa. Essa propriedade é desativada quando a posição selecionada é Estática.
Digite um valor para a margem superior na caixa de texto para o elemento. Selecione um tamanho na lista suspensa. Essa propriedade é desativada quando a posição selecionada é Estática.
Digite um valor para a largura na caixa de texto para o elemento. Selecione um tamanho na lista suspensa.
Digite um valor para a altura na caixa de texto para o elemento. Selecione um tamanho na lista suspensa.
Digite um valor para a ordem de pilha na caixa de texto para o elemento. Um elemento com ordem de pilha maior estará sempre na frente de um elemento com ordem de pilha menor. O Z-índice funciona apenas com elementos de posição Absoluta.
Observação: os elementos podem ter ordens de pilha negativas.
Clique na guia Outro para definir algumas propriedades específicas do elemento. A guia Outro contém os seguintes controles:
Selecione o tipo da visibilidade do elemento na lista suspensa. A propriedade Visibilidade define como o conteúdo de um elemento será exibido caso ultrapasse sua área.
Selecione o tipo de estouro do elemento na lista suspensa. A propriedade Estouro determina o que acontecerá se o conteúdo de um elemento ultrapassar sua área definida.
Selecione o tipo da exibição para o elemento na lista suspensa. A propriedade Exibir define como um elemento será exibido.
Selecione o tipo de cursor para o elemento na lista suspensa. A propriedade Cursor especifica o tipo de cursor a ser exibido quando o usuário aponta para um elemento.
Clique para fechar essa caixa de diálogo e salve suas mudanças.
Clique para fechar a caixa de diálogo Designer de estilos.
|
Copyright © 2013 CA.
Todos os direitos reservados.
|
|