Índice

Falando de tema responsivo...

...

Esse recurso permite opções de configurações mais completas de cores e imagens. São configurações de cores de menu, do menu ativo - quando um item do menu está selecionado no momento - topo, fundo da plataforma e links. Também é possível configurar o esquema de imagens da plataforma podendo incluir imagem de logo, de fundo, de topo e de favicon.

Enquanto as configurações são definidas é possível visualizar as alterações no lado direito da tela através da pré-visualização em tempo real garantindo que a plataforma fique com a identidade visual desejada. Na pré-visualização é possível ver como o tema irá se comportar em outros tamanhos de dispositivo como desktop, tablets e smartphones.

Image Added

Configurando o tema

...

Para configurar o tema siga os passos abaixo:

01. No menu principal, acionar Painel de Controle, logo depois verificar o agrupador Personalização e acionar Temas;

02. Na tela de apresentada realizar as configurações desejadas que estão disponíveis em duas guias, Cores e Imagens;

03. Em Cores definir as cores de fundo, de menu, de menu ativo, de topo, fundo e links. Clicar no circulo indicando a cor atual e escolher a cor desejada;

04. Em Imagens definir as imagens de logo, de fundo, de topo e favicon. Acionar o botão Escolher imagem para definir a imagem em cada um dos itens.

05. Após todas as configurações definidas acionar Salvar tema.

Restaurar tema

...

Pré-visualização

...

Ao lado das configurações de cores e imagens temos a pré-visualização para que possa ser acompanhado o processo de alterações em tempo real. Neste quadro é possível verificar como o tema que foi configurado irá se comportar em desktops, tablets e smartphones através dos seus ícones correspondentes sendo o desktop representado pelo ícone Image Added, tablet representado pelo ícone Image Added e smartphone pelo ícone Image Added