Predefinições, cores, fundo com imagem, gradiente ou vídeo, estilo dos botões, tipo de letra e a superfície atrás do conteúdo no separador Tema.
No separador «Tema» do construtor define o aspeto de toda a página: cores, fundo, forma dos botões e tipo de letra. Todas as alterações, exceto o CSS personalizado, são guardadas automaticamente no rascunho após cerca de 2 segundos e ficam online na próxima publicação.
O separador está organizado de cima para baixo: «Modelo», «Predefinições», «Cores», «Fundo», «Superfície atrás do conteúdo», «Estilo dos botões», «Tipo de letra» e «CSS personalizado». Os modelos têm um artigo próprio.
Predefinições
As predefinições são combinações de cores prontas a usar. Um clique define de uma vez a cor de fundo, a cor do texto, a cor dos botões e o estilo dos botões, e repõe a sua cor própria do texto dos botões. Há 16 predefinições: Clássico, Meia-noite, Porto, Oceano, Floresta, Pôr do sol, Rosa, Ardósia, Mono, Geada, Lavanda, Âmbar, Carvão, Menta, Carmesim e Areia. A predefinição ativa fica marcada enquanto não alterar nenhum dos quatro valores.
Cores
Quatro cores base, cada uma com seletor de cor e valor hexadecimal (sem transparência):
- «Fundo»
- A cor de fundo da página; também é usada quando o tipo de fundo é «Cor».
- «Cor do texto»
- Cor do nome, da bio e dos textos.
- «Cor do botão»
- Cor dos botões dos links e cor predefinida dos botões nos blocos.
- «Texto do botão»
- Texto nos botões. Sem escolha própria, é escolhida automaticamente uma cor bem legível sobre a cor do botão.
O valor apresentado é sempre o que está em vigor, mesmo que venha do modelo. Muitos blocos têm campos de cor próprios em «Opções de apresentação». Enquanto mostrarem «Predefinida (do tema)», seguem estas cores.
Fundo
Os botões «Cor», «Imagem», «Gradiente» e «Vídeo» definem o tipo de fundo da página. Quando muda, o construtor memoriza os valores dos outros tipos enquanto permanecer no construtor.
Cor
A página usa a cor «Fundo» da secção «Cores».
Imagem
- «Imagem para desktop»
- Fundo para ecrãs grandes, 1920 × 1080 px.
- «Imagem para telemóvel»
- Opcional, na vertical, 1080 × 1920 px. Quando está vazio, mostra «igual ao desktop» e é usada a imagem para desktop.
«Selecionar» abre os seus ficheiros, «Gerir ↗» a página de ficheiros e «Remover» retira a imagem. Se uma imagem não tiver exatamente o tamanho pretendido, abre-se a ferramenta de recorte e a imagem recortada é guardada como novo ficheiro. Mais informações em Imagens no Construtor de páginas.
Gradiente
- «Cor inicial» e «Cor final»
- As duas cores do gradiente.
- «Ângulo»
- Direção de 0 a 355 graus, em passos de 5.
- «Predefinições»
- Gradientes prontos a usar: Índigo, Pôr do sol, Oceano, Floresta, Baga e Meia-noite.
Vídeo
- «Vídeo para desktop»
- Um link direto para um ficheiro de vídeo (.mp4 ou .webm), ou «Selecionar vídeo» entre os seus ficheiros de vídeo.
- «Vídeo para telemóvel»
- Opcional, p. ex. um ficheiro mais pequeno para dados móveis. Quando está vazio, é usado o vídeo para desktop.
O vídeo é reproduzido sem som e em ciclo, sem controlos. Fica oculto para os visitantes que ativaram a redução de movimento nas definições do sistema. Recomendam-se ficheiros até 8 MB em formato MP4 ou WebM.
Opacidade da sobreposição
Para imagem, gradiente e vídeo, um controlo deslizante de 0 a 80 % coloca uma camada escura sobre o fundo, para que o texto seja mais fácil de ler.
Um fundo de página com imagem, gradiente ou vídeo substitui as imagens de fundo do modelo. Os espaços de imagem do modelo mostram então uma nota sobre isso. Com «Cor», as imagens do modelo voltam a ficar visíveis.
Superfície atrás do conteúdo
Torna o texto legível sobre uma imagem de fundo, um gradiente ou um vídeo:
- «Desligada»
- Sem superfície; o conteúdo assenta diretamente sobre o fundo.
- «Todo o conteúdo»
- Um cartão por trás de todo o conteúdo.
- «Por bloco»
- Um cartão separado por trás do perfil e de cada bloco.
- «Opaca» ou «Translúcida»
- Aparece assim que a superfície é ativada. Translúcida deixa ver o fundo.
Esta definição não tem efeito com o modelo Business Card.
Estilo dos botões
| Estilo | Cantos dos botões dos links |
|---|---|
| Arredondado | Ligeiramente arredondados, 12 px |
| Pílula | Totalmente redondos |
| Quadrado | Quase retos, 4 px |
O estilo dos botões é a predefinição. Pode substituí-lo no bloco de links e por link («Raio dos cantos» em ambos os sítios).
Tipo de letra
Pode escolher entre DM Sans, Figtree, Sora, Plus Jakarta Sans, Raleway, Inter, Poppins, Montserrat, Nunito, Outfit, Space Grotesk e «Predefinição do sistema» (o tipo de letra do próprio dispositivo). A linha «Aa — Um pequeno texto de exemplo.» mostra uma pré-visualização.
O LinkHarbor serve todos os tipos de letra a partir dos seus próprios servidores. Os navegadores dos seus visitantes não carregam nada do Google Fonts nem de outros servidores de terceiros para os mostrar.
Que definição prevalece
As cores e as formas são refinadas de fora para dentro:
- Modelo: estilo base e cores predefinidas
- Separador Tema: cores, fundo, estilo dos botões e tipo de letra para toda a página
- Opções de apresentação de um bloco: cores e formas para esse bloco
- Estilo de um link individual: tem prioridade sobre todos os outros valores
- CSS personalizado: para tudo o que os controlos não cobrem
Como fazer ajustes finos com o seu próprio CSS é explicado em CSS personalizado.
Também lhe pode ser útil
Não encontrou o que procura?
Diga-nos de que precisa e a nossa equipa de suporte ajuda-o pessoalmente.