Browse Source

ajustes na tela de login

1.9
Lucas Awade 9 months ago committed by Rodgger
parent
commit
25f7c22f3a
  1. 46
      components/Footer/footer.php
  2. 64
      css/login.css
  3. 51
      login.php

46
components/Footer/footer.php

@ -1,31 +1,27 @@
<?php
echo '<div class="mainfooter">
<div class="footer">
<div class="logo">
<img src="img/FOOTER_SIMPLES_IP.png" alt="Logo SimplesIp" />
<p>Desenvolvido por Simples IP</p>
</div>
<div class="content-footer">
<p>Telefone: +55 65 3616-8280 - Email: meajuda@simplesip.com.br</p>
<p>simplesip.net.br</p>
<p>Copyright © ' . getDataAno(). '</p>
</div>
<div class="links">
<a href="#"><li>About</li></a>
<a href="#"><li>Help</li></a>
<a href="#"><li>Contact</li></a>
<a href="#"><li>About</li></a>
<a href="#"><li>Help</li></a>
</div>
<div class="line"></div>
</div>
</div>'
;
// echo '<div class="mainfooter">
// <div class="footer">
// <div class="logo">
// <img src="img/FOOTER_SIMPLES_IP.png" alt="Acesse no site!"/>
// </div>
// <div class="content-footer">
// <p>Telefone: +55 (65)3616-8280 - Email: meajuda@simplesip.com.br</p>
// <p>Copyright © ' . getDataAno() . ' Acesse: www.simplesip.net.br</p>
// </div>
// <div class="links">
// <a href="#"><li>About</li></a>
// <a href="#"><li>Help</li></a>
// <a href="#"><li>Contact</li></a>
// <a href="#"><li>About</li></a>
// <a href="#"><li>Help</li></a>
// </div>
// <div class="line"></div>
// </div>
// </div>';
function getDataAno(){
function getDataAno()
{
$anoAtual = date('Y');
return $anoAtual;
}
?>

64
css/login.css

@ -28,7 +28,7 @@ button {
flex-direction: row;
justify-content: center;
align-items: center;
overflow-y: scroll;
overflow-y: hidden;
}
.container-login {
@ -111,7 +111,6 @@ button {
justify-content: center;
width: 100%;
padding: 10px;
flex: 1;
}
.right-content h1 {
@ -119,25 +118,41 @@ button {
margin-bottom: 80px;
}
.right-content h2 {
.right-content h4 {
color: #2D69F5;
margin: 15px 0 15px 0;
}
.right .right-content input {
border: 0;
border: #E7E7E7 solid 1px;
width: 280px;
padding: 10px;
border-radius: 7px;
outline: none;
}
.right .right-content .user {
.right .right-content .group {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
flex-direction: column;
justify-content: center;
margin: 15px 0 15px 0;
color: #2D69F5;
color: #818181;
padding: 3px;
}
.right .right-content .group span {
font-size: 13px;
padding: 5px;
}
.fo-info {
text-align: center;
}
.fo-info p {
font-size: 12px;
color: #aaaaaa;
font-weight: 200;
}
.fa-solid.fa-user {
@ -148,15 +163,6 @@ button {
background-color: transparent;
}
.right .right-content .password {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin: 15px 0 15px 0;
}
.fa-solid.fa-key {
width: max-content;
height: max-content;
@ -168,17 +174,16 @@ button {
.esqueci-senha {
display: flex;
justify-content: start;
justify-content: end;
align-items: center;
width: 100%;
}
.esqueci-senha>a {
color: #2D69F5;
color: #858585;
font-size: small;
font-weight: bold;
text-decoration: none;
padding: 5px;
padding: 8px;
}
:root {
@ -193,14 +198,15 @@ button {
display: flex;
align-items: end;
justify-content: center;
flex: 1;
}
.social {
color: #2D69F5;
padding: 8px;
margin: 2px;
color: #8aa2ff;
margin: 2vh;
transition: transform 0.3s;
background-color: #f1f1f1;
border-radius: 10px;
padding: 10px 14px;
}
.social:hover {
@ -218,12 +224,12 @@ button {
}
.bn632-hover {
border-radius: 4px;
border-radius: 10px;
font-size: 14px;
font-weight: 600;
color: #fff;
color: #FFF;
cursor: pointer;
height: 35px;
height: 40px;
width: 75%;
text-align: center;
border: none;

51
login.php

@ -179,15 +179,13 @@ function ValidaRecuperaSenha($dbcon)
if ($renderizarPagina && (!$_GET['action'])) {
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
SimplesIp Login
Acesso de Usuário - Simples IP
</title>
<style>
<?php
@ -197,7 +195,6 @@ if($renderizarPagina && (!$_GET['action'])){
</style>
<link rel="icon" href="img/FOOTER_SIMPLES_IP.png" type="image/png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
@ -205,30 +202,44 @@ if($renderizarPagina && (!$_GET['action'])){
<div class="container-login">
<div class="login-content">
<div class="left">
<img src=<?php echo $imagem; ?> alt= <?php echo $urlImagem ?>/>
<img src=<?= $imagem; ?> alt=<?= $urlImagem ?> />
</div>
<div class="right">
<img src="img/FOOTER_SIMPLES_IP.png" alt="Logo SimplesIp">
<?php include "components/Sociais/sociais.php"; ?>
<div class="right-content">
<h1>Bem Vindo</h1>
<h2>login</h2>
<h4>SEJA MUITO BEM-VINDO!</h4>
<form id="formulario-login" method="post" accept-charset="utf-8" action="index.php">
<div class="user">
<i class="fa-solid fa-user"></i>
<input placeholder="Insira seu email ou usuário" type="text" maxlength="50" name="loginUser" id="loginUser" />
<div class="group">
<span>Login/Email</span>
<input placeholder="Insira seu email ou login" type="text" maxlength="50" name="loginUser" id="loginUser" />
</div>
<div class="password">
<i class="fa-solid fa-key"></i>
<input type="password" placeholder="Insira sua senha" maxlength="14" name="loginPass" id="loginPass" />
<div class="group">
<span>Senha</span>
<input type="password" placeholder="Insira a sua senha" maxlength="14" name="loginPass" id="loginPass" />
</div>
<div class="esqueci-senha">
<a href="index.php?action=recovery_password">Recuperar senha</a>
</div>
<a href="index.php?action=recovery_password">Recuperar Senha?</a>
</div>
<div class='bn-login'>
<input type="submit" name="btLogin" value="Entrar" id="btLogon" class="bn632-hover bn24" />
<input type="submit" name="btLogin" value="ENTRAR &rarr;" id="btLogon" class="bn632-hover bn24" />
</div>
</form>
</div>
<?php include "components/Sociais/sociais.php"; ?>
<div class="right-content">
<div class="fo-info">
<p>Contato: +55 (65)3616-8280</p>
<p>Email: meajuda@simplesip.com.br</p>
<p>Versão 1.9.0 | Copyright © 2024 simplesip.net.br</p>
</div>
</div>
</div>
</div>
</div>
@ -245,9 +256,7 @@ if($renderizarPagina && (!$_GET['action'])){
$renderizarPagina = false;
$desabilitaLayout = null;
$smarty->assign("desabilitaLayout", $desabilitaLayout);
?>
<?php
}
?>
} ?>
</body>
</html>
Loading…
Cancel
Save