Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

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
languagexml
themeEclipse
firstline1
titleloginhead.html
linenumberstrue
<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
languagexml
themeEclipse
firstline1
titleloginsnowflake.html
linenumberstrue
<link rel="stylesheet" href="/portal/resources/customlogin/loginsnowflake.css">
<h1 id="login_datetime"></h1>
Nota
titleFique atento

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
languagejs
themeEclipse
firstline1
titleloginsnowflake.js
linenumberstrue
$(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
languagexml
themeEclipse
firstline1css
titlemloginheadloginsnowflake.html
linenumberstrue
css
#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.

...