Histórico da Página
...
1. Importe o arquivo JavaScript padrão do produto jquery.js e o , o JavaScript customizado loginsnowflake.js e o arquivo de estilo loginsnowflake.css.
Bloco de código | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
<script type="text/javascript" src="/portal/resources/js/jquery/jquery.js"></script>
<script type="text/javascript" src="/portal/resources/customlogin/loginsnowflake.js"></script>
<link rel="stylesheet" href="/portal/resources/customlogin/loginsnowflake.css"> |
2. Insira aqui o código HTML de customização da sua página.
Bloco de código | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
<link rel="stylesheet" href="/portal/resources/customlogin/loginsnowflake.css">
<h1 id="login_datetime"></h1> |
Nota | ||
---|---|---|
| ||
Todo conteúdo HTML deve seguir as normas do Style Guide (definidas aqui: https://style.fluig.com/). |
3. Ao O arquivo js, ao terminar de carregar a página, substitua o texto "logotxt" pela data atual.insere a data atual na div "login_datetime"
Bloco de código | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
$(document).ready(function(){ var today = new Date(); var dd = today.getDate(); var mm = today.getMonth()+1; var yyyy = today.getFullYear(); if(dd<10) { dd='0'+dd } if(mm<10) { mm='0'+mm } today = dd + '/' + mm + '/' + yyyy; $("#login_datetime").html("Data: " + today); }) |
4. Importe o arquivo JavaScript padrão do produto jquery.js e o JavaScript personalizado loginsnowflake.js O arquivo css deve conter as classes de personalização do seu HTML.
Bloco de código | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||
#login_datetime { position: absolute; text-align: center; width: 100%; left: 0px; bottom: 10%; }<script type="text/javascript" src="/portal/resources/js/jquery/jquery.js"></script> <script type="text/javascript" src="/portal/resources/customlogin/loginsnowflake.js"></script> |
Resultado:
Alteração de logomarca e exibição de data.
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas