Categorias de widgets: Media
O widget Forma é uma ferramenta de design que pode ser utilizada para realçar mensagens importantes. Crie botões e faixas, chame a atenção para prémios e destaque preços de venda. Pode adicionar uma imagem, colorir o fundo e o texto, controlar o tamanho e adicionar sombras. O widget pode ser colocado em qualquer local para uma flexibilidade total.
-
Selecione uma forma.
-
Para adicionar um link à forma, clique em Adicionar link (para obter mais informações sobre links, consulte Seletor de links.
-
Escreva um título e uma descrição para a forma. Para ocultar o título e a descrição, clique no ícone do olho (
).
-
Escreva um texto alternativo e uma dica de ferramenta para a forma.
-
Para mudar de um fundo de cor para um fundo de imagem, clique em Layout .
-
Para alterar a imagem predefinida, navegue até ao separador Estilo e selecione o separador Imagem.
Nota
Se a opção Manter proporções estiver desactivada, as proporções da imagem serão ajustadas aos widgets .
-
-
Ajuste a largura, a altura e o efeito de foco (para ambiente de trabalho) no separador Estilo.
-
Para colocar o widget em cima ou sobreposto a uma imagem ou a outro widget, clique no separador Espaçamento e configure as margens para um número negativo (por exemplo, -50px).
-
Para tornar o ícone num widget flutuante, active a opção Flutuante e selecione uma posição para o widget. Para apresentar o widget flutuante apenas na página atual, active a opção Mostrar apenas nesta página.
Certifique-se de que as definições de design que definiu estão corretas por dispositivo. Definições como o espaçamento (de todo o widget e de itens individuais), a largura e outras são definidas por dispositivo.
Para criar um esquema interessante com uma forma amorfa:
-
Crie uma linha com duas colunas.
-
Escolha uma forma amorfa e adicione-a à coluna do lado direito.
-
Faça a forma tão grande como a coluna.
-
No Editor de Design, selecione o esquema com a imagem de fundo e substitua a imagem pela que pretende.
Para utilizar uma forma como um botão, adicione um link e um efeito de pairar:
-
Selecione a forma de círculo e adicione um título e uma descrição.
-
Selecione cores para a forma e os textos.
-
Para posicionar a forma no canto de uma imagem, utilize uma margem negativa no lado esquerdo da forma (espaçamento > margem > -50px esquerda & margem superior).
Utilize formas para realçar um plano ou serviço específico:
-
Escolha a forma da bandeira e adicione um título e uma breve descrição.
-
Desactive a opção Manter proporção para poder ajustar apenas a largura.
-
Selecione cores para a forma e os textos.
-
Para posicionar a forma de modo a que se sobreponha ao topo de uma coluna, utilize uma margem superior negativa (espaçamento > margem > -30px margem superior).
Para utilizar uma forma para criar um botão de deslocação:
-
Escolha a forma do diamante e adicione um título.
-
Desactive a opção Manter proporção para poder ajustar apenas a largura.
-
Selecione cores para a forma e os textos.
-
Para posicionar a forma em cima de uma imagem, utilize uma margem superior negativa (espaçamento > margem > -50px margem superior).
Comentários
0 comentário
Artigo fechado para comentários.