Como estilizar um bloco: borda, fundo, espaçamento, sombra

← Voltar

Passe o mouse sobre o bloco e clique na engrenagem — abrirá a janela de estilos com as abas «Borda», «Bloco», «Texto», «Links», «Animação», «Posicionamento».

A engrenagem aparece ao passar o cursor sobre o bloco — no cabeçalho, no rodapé, na área de conteúdo, nas colunas do formulário, nos cartões. Ela abre a janela de estilos. As alterações são salvas automaticamente, enquanto você digita; o botão «Limpar» redefine o estilo do bloco.

O que fica onde:

  • «Borda» — posição (todos os lados ou um lado específico), cor, espessura, arredondamento dos cantos.
  • «Bloco» — cor de fundo, degradê («Usar degradê de fundo»), «Sombra do bloco», «Espaçamento interno» e «Espaçamento externo», imagem de fundo, largura e altura (inclusive mínima e máxima), «Alinhamento do texto» e «Alinhamento do bloco», «Visibilidade» — ocultar o bloco no computador, no tablet ou no celular.
  • «Texto» — fonte, tamanho, cor.
  • «Links» — cor dos links dentro do bloco, separada do texto comum.
  • «Animação» — entrada, reação ao passar o cursor e movimento contínuo.
  • «Posicionamento» — «Tipo de posicionamento» (bloco fixo no topo ou na base da janela), deslocamento, rotação.

A aparência ao passar o cursor é definida pelo seletor no cabeçalho da janela: «Normal» / «Ao passar o cursor» / «Ativo» (este último só para itens de menu). Nas abas «Borda», «Bloco», «Texto» e «Links», as configurações valem para o estado selecionado; um campo vazio significa «igual ao normal».

A chave principal — «Aplicar somente a este bloco». Sem a marcação, a configuração vale para todos os blocos desse tipo em todo o site: se você colocar uma moldura na área de conteúdo, ela aparecerá em todas as páginas. Com a marcação, vale apenas para este bloco desta página.

Se não funcionou

  • O bloco errado foi estilizado. Os blocos estão aninhados uns nos outros: posicione o cursor com mais precisão, a engrenagem aparece no bloco sobre o qual o cursor está.
  • Alterou em uma página e mudou em todas. A marcação «Aplicar somente a este bloco» não estava ativada. Restaure o valor e repita com a marcação.
  • O alinhamento do texto não funciona. Verifique se o mesmo bloco não tem o alinhamento do próprio bloco definido — eles entram em conflito.
O artigo ajudou?

Veja também

Na seção de ajuda você encontrará respostas para perguntas frequentes e instruções úteis sobre como usar o construtor de sites Site Look. Aqui você pode aprender como gerenciar seções, adicionar objetos e configurar o site. Os materiais são úteis tanto para iniciantes quanto para usuários experientes. Se você não encontrou a resposta, entre em contato com o suporte.