{parts/gtag_head.html} {parts/gtag_body.html}
Conheça  A Ferramenta LowCode mais moderna e veloz para desenvolvimento PHP: Adianti Creator
Conheça Características Quem usa Galeria Cursos Docs Fórum
Downloads
Posts Fique por dentro Sobre o Fórum Minha conta
Como inserir uma imagem no LoginForm Saudações! Estive tentando inserir uma imagem na tela de login, do tema 4, no modelo: LOGOMARCA(acima) e login e senha abaixo. A dificuldade não de mostrar a imagem, e sim de alinhar ao panel de login/senha. quem o circunda é a div de ID "adianti_div_content". há alguma forma de acessar os códigos dessa div para que eu possa estar adicionando a imagem diretamente nela? já tentei no "logi...
R
Como inserir uma imagem no LoginForm  
Rogerio632 10/04/2019 (há 7 anos)
Saudações!
Estive tentando inserir uma imagem na tela de login, do tema 4, no modelo: LOGOMARCA(acima) e login e senha abaixo.
A dificuldade não de mostrar a imagem, e sim de alinhar ao panel de login/senha. quem o circunda é a div de ID "adianti_div_content".
há alguma forma de acessar os códigos dessa div para que eu possa estar adicionando a imagem diretamente nela? já tentei no "login.html" sem sucesso.

Curso Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!


Dominando o Adianti Framework Quero me inscrever agora!

Comentários (4)

R
Rogerio632 - AUTOR DO POST       10/04/2019 (há 7 anos)

Resolvido!
dentro de login.html, onde adicionei o , adicionei, em um style, os seguintes códigos:

img {
display: block;
position:relative;
left:50%;
top:50%;
transform: translate(-50%, +50%);
width: 225px;
}

funcionou perfeitamente.
R
Rogerio632 - AUTOR DO POST       10/04/2019 (há 7 anos)

Resolvido!
dentro de login.html, onde adicionei o , adicionei, em um style, os seguintes códigos:

img {
display: block;
position:relative;
left:50%;
top:50%;
transform: translate(-50%, +50%);
width: 225px;
}

funcionou perfeitamente.
JA
Júnior Andrade       13/04/2019 (há 7 anos)

pode mostrar o código?
R
Rogerio632 - AUTOR DO POST       15/04/2019 (há 7 anos)

Opa!
Então, amigo, basicamente: 

 
  1. <?php
  3.      <style>
  4.         html
  5.         {
  6.             height: unset;
  7.         }
  8.         img {
  9.   display: block;
  10.   position:relative;
  11.   left:50%;
  12.   top:50%;    
  13.   transform: translate(-50%, +50%);
  14.   width: 225px;
  15. }
  16.         </style>
  18. ?>

coloquei esse código que já mostrei antes e dentro dessa div: 

 
  1. <?php <div id="wrapper" style="width:90%;margin:auto;margin-top:10px"> ?>


coloquei a imagem, simples assim.

Qualquer coisa, só perguntar.</div>