Linha destaque topo

Como usar

Crie uma linha no topo da capa com a classe Linha Destaque Topo e insira nela um Tile de Notícia.

O tile irá ocupar toda a largura da tela do usuário, e altura fixa predeterminada. Por isso, ela sofrerá cortes na horizontal ou vertical, dependendo do dispositivo usado.

Os breadcrumbs são exibidos sobre a imagem e em cor branca.

Você pode usar as classes de Fixar a Imagem para definir a posição do assunto principal da foto, e previnir que ele seja cortado.

Caso necessário, você pode também adicionar à linha a classe Degrade para destaque topo, para adicionar uma sombra escuro sob o texto para facilitar a leitura.

Imagens

A imagem do Tile de Notícias deve ter, no mínimo, 1600px de largura, para ser adequadamente exibida em todas as telas. Ela será cortada para o tamanho exato da tela do dispositivo.

Múltiplas imagens para dispositivos diferentes

Você pode usar imagens diferentes para desktops, tablets e smartphones. Para isso, basta criar um Tile de Notícia diferente para cada imagem, e configurá-los usando as Classes de Visibilidade.