Tutorial Vindula Gestão de layout Vindula

Transcrição

1 Tutorial Vindula Gestão de layout Vindula

2 2 Sumário Ativando o modo administrador...3 O Painel de controle...3 Editando as cores do seu portal de Intranet...3 Footer (Rodapé)...5 Menu...6 Header (Cabeçalho)...7 Fundo...7 Alterando a imagem de fundo da sua intranet...8 Enviando a imagem para o banco de imagens...8 Alterando o plano de fundo da sua Intranet...11

3 3 Este tutorial está dedicado a edição e personalização da sua Intranet, este sistema de intranet é totalmente personalizável desde as cores da fonte até a alteração do logo pelo de sua empresa. Este tutorial possui o objetivo de ajudá-lo a modificar a sua intranet de modo que agrade aos seus usuários. Ativando o modo administrador Clique em no ícone visão administrador: O Painel de controle Agora clique em configurações painel de controle: No painel de controle você terá diversos recursos para alterar ou personalizar a sua intranet. Editando as cores do seu portal de Intranet No menu a esquerda, clique em interface e seleciona a opção Edição de Cores:

4 4 A página de edição de cores do seu Vindula será aberta, aqui é onde você poderá alterar todas as cores do seu portal de intranet apenas clicando no campo de alteração desejado e escolhendo a cor na palheta de cores como apresentado na imagem seguir:

5 5 O layout do Vindula é ser dividido em seções para melhor organização e gerenciamento, deste modo, facilitando a experiencia do usuário ao modificar a sua intranet. Segue abaixo as seções e opções de alteração de cores existente no Vindula: Footer (Rodapé) Cor superior da barra de nuvem de tag; Cor inferior da barra de nuvem de tags; Cor da borda do footer; Cor superior do footer; Cor inferior do footer. Segue exemplo abaixo: Clique em salvar; Como ficou o rodapé:

6 6 Menu cor superior o menu; cor do meio do menu; cor menu inferior do menu; cor do texto do menu; borda menu; porcentagem de escurecimento do menu hover (selecionado). Clique em salvar; Como ficou o menu:

7 7 Header (Cabeçalho) Cor do topo do header; Cor de baixo do header; Cor da linha que divide as opções pessoais; Cor do texto da barra pessoal; Cor da borda do header. Clique em salvar; Como ficou o cabeçalho: Fundo Cor de fundo do portal;

8 8 Clique em salvar e veja o resultado (a alteração da cor do fundo da sua intranet não sobrepõe a imagem de fundo utilizada); Alterando a imagem de fundo da sua intranet Enviando a imagem para o banco de imagens Para inserir uma imagem no plano de fundo da sua intranet Vindula você primeiramente precisará adicioná-la ao banco de imagens do sistema. Clique em configurações; Banco de imagens; Dentro da opção banco de imagens selecione a pasta onde deseja guardar a imagem escolhida para o fundo;

9 9 Para enviar a imagem ao banco de imagens do sistema, basta clicar em procurar (ao lado direito da pagina da sua Intranet)

10 10 Após selecionar a imagem desejada para o plano de fundo do seu Vindula clique em Upload de arquivos; Agora sua imagem está armazenada no diretório que você selecionou.

11 11 Alterando o plano de fundo da sua Intranet Dentro do menu painel de controle acesse interface e em seguida clique em Layout; Selecione a Aba Layout; A seguinte página será aberta; Para colocar a imagem escolhida no fundo de sua pagina clique em adicionar; A seguinte janela será aberta;

12 12 Agora selecione a pasta onde foi salva a imagem de plano de fundo (no menus a direita); Localize a imagem desejada e clique duas vezes para selecioná-la; Clique em salvar;