Detalhes da questão

Endereço do fórum: http://policiacia-tk.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Qual é minha questão:
Eu quero ter isso no meu fórum.

imagem : https://i.imgur.com/N3tEs0A.png

Medidas que eu tomei para corrigir o problema:
Não fisso nada ainda

Imagens do meu problema:


Endereço do meu fórum:
http://policiacia-tk.forumeiros.com/

Versão do meu fórum:
ModernBB

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Olá,

Em relação a sua questão, o senhor pode nos informar link do fórum que visualizou essa página de login? Estarei aguardando.

Até mais!

Esse é o link ; http://portalcni.forumeiros.com/

Carfidol escreveu:Esse é o link ; http://portalcni.forumeiros.com/

Não podemos simplesmente pegar a página sem que ela seja modificada. Não é permitido plagio em nenhum hipótese, por tanto o senhor terá que realizar suas próprias alterações na página.

Código:

Código:

<div style="display: none">
                                         <a target="_blank" href="http://www.forumeiros.com">forumeiros.com</a>                   
</div>
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu:400,400i,500,500i,700,700i" />        <style>
    * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    body {
      font-family: "Ubuntu", "Trebuchet MS", Arial, sans-serif;
      background-image: url(https://image.prntscr.com/image/4en-9yE_SXqBPELtHd8czQ.png);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow-y: hidden;
      min-height: 100vh;
      height: 100vh;
      max-heght: 100vh;
    }

    a,
    a:focus,
    a:active,
    a:visited {
      color: #127da7;
      border-bottom: solid 1px #127da7;
      text-decoration: none;
    }

    a:hover,
    a:focus:hover,
    a:active:hover,
    a:visited:hover {
      color: #444;
      border-bottom: solid 1px #444;
      text-decoration: none;
    }

    form {
      padding-bottom: 25px;
      background-color: rgba(0, 0, 0, 0.66);
      width: 400px;
      color: #fff;
      position: relative;
      text-align: center;
      border-radius: 3px;
      box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
    }

    @media screen and (max-width: 950px) {
      form {
        width: 60%;
      }
    }

    @media screen and (max-width: 850px) {
      form {
        width: 65%;
      }
    }

    @media screen and (max-width: 700px) {
      form {
        width: 70%;
      }
    }

    @media screen and (max-width: 500px) {
      form {
        width: 80%;
      }
    }

    @media screen and (max-width: 450px) {
      form {
        width: 90%;
      }
    }

    form > .form-icon {
      background-color: #127da7;
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      padding: 26px 31px;
      font-size: 34px;
      border-radius: 100px;
      color: #fff;
    }

    form > header > h1 {
      font-size: 35px;
      font-weight: 300;
      margin-top: 60px;
      margin-bottom: 25px;
    }

    form > .form-inner {
      width: 50%;
      margin: 0 auto;
    }

    form > .form-inner > input {
      background-color: #d0d0d0;
      text-align: center;
      color: #555;
      display: block;
      border: solid 1px #d0d0d0;
      margin: 0 auto;
      padding: 10px;
      margin-bottom: 20px;
      width: 100%;
      border-radius: 3px;
    }

    form > .form-inner > input::-webkit-input-placeholder {
      color: #555;
    }

    form > .form-inner > input:-ms-input-placeholder {
      color: #555;
    }

    form > .form-inner > input::-webkit-input-placeholder {
      color: #555;
    }

    form > .form-inner > input::placeholder {
      color: #555;
    }

    form > .form-inner > input:focus {
      outline: 0;
    }

    form > .form-inner > input[type="submit"] {
      width: auto;
      background-color: #127da7;
      color: #fff;
      border-color: #127da7;
      cursor: pointer;
      -webkit-transition: all linear 100ms;
      transition: all linear 100ms;
    }

    form > .form-inner > input[type="submit"]:hover {
      background-color: #444;
      border-color: #444;
    }

    #about {
      position: absolute;
      bottom: 25px;
      left: 25px;
      display: inline-block;
    }

    #about i.fa {
      color: #555;
      background-color: #fff;
      padding: 15px 15px;
      border-radius: 200px;
      font-size: 17px;
      -webkit-transition: all linear 200ms;
      transition: all linear 200ms;
      height: 48px;
      width: 48px;
      display: inline-block;
      cursor: pointer;
    }

    #about span {
      color: #555;
      background-color: #fff;
      padding: 15px 15px;
      border-radius: 200px;
      font-size: 17px;
      -webkit-transition: all linear 230ms;
      transition: all linear 230ms;
      margin-left: 5px;
      -webkit-transform: scale(0) rotateZ(-180deg) translateY(-8px);
      transform: scale(0) rotateZ(-180deg) translateY(-8px);
      display: inline-block;
    }

    #about:hover span {
      -webkit-transform: scale(1) rotateY(0deg) translateY(0px);
      transform: scale(1) rotateY(0deg) translateY(0px);
    }
  </style>     
<form method="POST" action="/login">
                      
   <h1 style="">
              <span style="font-family: Sans-serif;">Portal</span> | <span style="color: #006699;"><strong>CNI</strong></span> <us>        </us> 
   </h1>
                      
   <div>
                Entrar         
   </div>
                      
   <div>
                <br />         
   </div><header class="form-header">    </header>               
   <div class="form-inner">
                        <input required="" name="username" placeholder="Usuario" type="text" />      <input required="" name="password" placeholder="Senha" type="password" />      <input value="Conectar-se" name="login" type="submit" />               
   </div>
                   <footer class="form-footer">      Esqueceu a senha ? Clique <a href="/profile?mode=sendpassword">aqui</a>.    </footer>  <footer class="form-footer">      Crie uma conta no Portal! <a href="/register">Registre-se</a>.    </footer>               
   <h1>
                           
   </h1>
                         <class="emojione"> Copyright - CNI <script type="text/javascript">document.write((new Date()).getFullYear());</script>                          <style>
    *{
    h1 {
    color: #fff;
    }
    </style></class="emojione">
</form>

Até mais!