Mudanças entre as edições de "Customização da página de Login"
(Criou página com 'A customização da página de login deve ser realizada usando os arquivos '''Javascript Público''' e '''CSS Público''', acessíveis através do menu de configurações do L...') |
(→CSS) |
||
| (3 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 2: | Linha 2: | ||
== JavaScript == | == JavaScript == | ||
| + | Informe o código abaixo no Javascript Público do sistema. Substitua as informações modelo pelas informações da sua empresa. | ||
<syntaxhighlight lang="JavaScript"> | <syntaxhighlight lang="JavaScript"> | ||
var logoLogin = document.getElementById("logo"); | var logoLogin = document.getElementById("logo"); | ||
| Linha 12: | Linha 13: | ||
== CSS == | == CSS == | ||
| + | Informe o código abaixo no CSS Público do Sistema. Substitua as cores e a URL da imagem pela URL do logotipo da usa empresa (ou use um código base64). | ||
<syntaxhighlight lang="CSS"> | <syntaxhighlight lang="CSS"> | ||
body.latromi-login #logofloat { | body.latromi-login #logofloat { | ||
| − | background-image: url('http://site-onde-a- | + | background-image: url('http://site-onde-a-imagem-esta-hospedada/image.png'); |
background-size: 190px; | background-size: 190px; | ||
background-position-x:30px; | background-position-x:30px; | ||
Edição atual tal como às 15h45min de 7 de junho de 2019
A customização da página de login deve ser realizada usando os arquivos Javascript Público e CSS Público, acessíveis através do menu de configurações do LATROMI Client.
JavaScript
Informe o código abaixo no Javascript Público do sistema. Substitua as informações modelo pelas informações da sua empresa.
var logoLogin = document.getElementById("logo");
if(logoLogin != null){
var link = logoLogin.getElementsByTagName("a");
link[0].innerText = "www.meudomninio.com.br";
link[0].href = "https://meudominio.com.br";
}
CSS
Informe o código abaixo no CSS Público do Sistema. Substitua as cores e a URL da imagem pela URL do logotipo da usa empresa (ou use um código base64).
body.latromi-login #logofloat {
background-image: url('http://site-onde-a-imagem-esta-hospedada/image.png');
background-size: 190px;
background-position-x:30px;
background-position-y:70px;
}
body.latromi-login #logo {
background-color:rgb(128,0,0);
}
body.latromi-login #logo a {
font-size: 17.5px;
}
body.latromi-login #content {
background-color:rgb(128,0,0);
}
body.latromi-login #bodyWraper {
background-color:rgb(201,201,201);
}
