Estilo de texto

Passo 2 - Modelo >

Estilo de texto

Previous pageReturn to chapter overviewNext page

Os comandos nesta janela podem ser usados para definir o estilos disponíveis para diversos textos no site.

Um estilo pode ser genericamente definido como uma série de indicações de formataçãoo de texto e a parte gráfica que são aplicados a um elemento para mudar sua aparência. Ao aplicar um estilo você pode associar diversos formatos diferentes em uma única operação.

Em primeiro lugar, você tem que escolher para qual Item de página deseja definir um estilo. Selecione na lista suspensa ou clique no item a partir da pré-visualização.

Os itens de página aos quais você pode aplicar um estilo são:

Título da página: é o título de cada página do site. É obtido a partir do nome dado à página quando o Mapa do site foi criado na janela Criação do mapa, ou, se assim especificado, do Título completo da Página na janela Propriedades da Página.

Endereço da página: é o texto que aparece imediatamente abaixo do título da página, e exibe o caminho para chegar a esta página no site ("navegação estrutural" ou breadcrumbs). O Programa adiciona o endereço automaticamente.

Cabeçalho: você pode definir os títulos de parágrafo e subparágrafo em uma página como sendo cabeçalho. É possível definir até seis níveis de títulos: na edição Pro, ao ativar a opção Definir tags H1..H6 para o Cabeçalho do Modelo disponível na janela Estatísticas, SEO e código |  SEO, ao selecionar um estilo de título a tag <h1>..<h6> correspondente será aplicada automaticamente ao texto.

Texto da Página: é o texto de cada parágrafo que é adicionado usando o Objeto Texto. O estilo indicado aqui é aplicado por padrão a todo texto inserido usando o editor Objeto Texto. Quando um estilo é modificado, todos os textos em que ele foi aplicado são atualizados automaticamente. Você pode usar os comandos do editor para realizar outras alterações e personalizações, que sempre podem ser removidas com o botão Restaurar formato.

O estilo de texto também é aplicado ao texto que [e adicionado automaticamente pelo Programa, como as páginas da Área Reservada, no Blog, no mecanismo de busca interno e no Mapa do site.

A fonte que for definida para este item será usada como Fonte padrão para os textos do website e aparecerá no menu drop-down para seleção de Tipo de fonte.

Link: estas opções se referem aos links de hipertexto criados com o Objeto Texto. Um link pode alterar sua aparência de acordo com seu estado: ativo, sob foco, já visitado. Distinguir visualmente um link ativo de um que já tenha sido visitado facilita a navegação pelo site, lembrando o visitante sobre quais páginas já foram visitadas.

Campo / Botão: são os campos e botões nos formulários que são criados com Objeto Formulário de Email, Objeto Busca ou com o carrinho de compras ecommerce, os campos de login/logout da Área Restrita, etc. Quando você cria um novo Objeto Formulário de Email os campos assumem o estilo definido aqui por padrão. Você pode posteriormente alterar o estilo de um formulário específico usando as opções na aba Objeto Formulário de Email | Estilo.

Botão Scroll-to-top: é o botão voltar ao topo, exibido na parte inferior da página, e que leva o visitante de volta ao alto dela, sem ter que usar a rolagem.

Se você selecionar Item de página, poderá trabalhar nas seguintes opções da seção Estilo para alterar o estilo:

Exibição: você pode decidir se o item de página selecionado ficará visível ou não. Esta opção não fica disponível para o Texto da Página nem para os diversos estados dos links, campos de formulários e botões, pois eles não podem ficar invisíveis. Tornar um item invisível não significa removê-lo do código da página. Simplesmente significa que o item não ficará visível quando a página for publicada. Você pode querer tornar o Título da página invisível, por exemplo, porque pode preferir adicioná-lo como uma imagem em vez de um texto, mas isto não significa que a tag <title> terá sido removida do código HTML.
Elemento: você pode selecionar qual nível de título (Heading 1 - Heading 6) ou qual tipo de Link (Link ativo / Link sob cursor / Link visitado) prefere para definir o estilo.
Cor do fundo / Cor do texto: você pode escolher a cor do fundo e a da fonte do item de página selecionado. Você não pode escolher a cor do fundo para o Texto da Página porque isso depende do modelo escolhido (veja Seleção do Template) e/ou do Estilo do objeto que o Objeto Texto tem. Da mesma forma, não poderá definir a cor de fundo do Botão Scroll-to-top porque depende do estilo selecionado.
Fonte: especifique a fonte, o estilo e o tamanho a ser usado no texto. O menu drop-down inclui a lista de fontes seguras, que são aquelas fontes que são encontradas em todos os dispositivos e funcionam em todos os navegadores, e todas as fontes Google e fontes web que tenham sido adicionadas na janela Fontes Web (que é aberta pelo comando Outros tipos de fonte).
Alinhamento: você pode decidir como alinhar o item da página: Pode ser à esquerda, no centro ou à direita. Esta opção não fica disponível  para os campos e os botões, nem para os diversos estados de link, porque o alinhamento do link de hipertexto é definido quando o Objeto Texto é criado, independente do estilo.
Estilo do texto: esta opção só fica disponível para os link nos diversos estados (visitado, etc) e pode ser Normal ou Sublinhado.
Cursor: esta opção fica disponível somente para o Link ativo, e é assumida automaticamente pelos dois outro estados de link. Você pode especificar o estilo quando sob foco. Clique em para selecionar o arquivo .CUR, .ICO ou .ANI que será usado.
Cor da borda: você pode especificar que cor as bordas do Título da página, do Endereço da página, e do Botão em formulários e o Menu de rodapé da página podem ter.
Espessura: você pode especificar a espessura da borda do Campo e do Botão nos formulários, como um todo ou individualmente.
Cantos: você pode indicar o quanto os cantos serão arredondados em Campo e Botão nos formulários, e você pode especificar o valor para cada canto separadamente.
Margem: você pode configurar o valor (em pixels) das margens do texto no Campo e no Botão dos formulários. Neste caso, em vez de Cabeçalho, as margens superior e inferior é que serão configuradas.
Sombra: você pode aplicar uma sombra dentro do Campo, especificando sua cor, posição, difusão e tamanho.
Margem horizontal: você pode especificar a margem horizontal de Título da página, Endereço da página e Menu de rodapé da página.
Estilo: você pode selecionar um estilo gráfico para o botão voltar-para-o-topo. Um efeito sob cursor será automaticamente aplicado a este botão, para ajudar os usuários a notarem sua presença.