Pagina inicial HTML

Detalhes da questão

Descrição

Código:

<title>Painel de login  ~ BGF</title>    <meta charset="utf-8" />    <style type="text/css">
    @font-face {
      font-family: 'Sigmar One';
      font-style: regular;
      font-weight: 400;
      src: local('Sigmar One'), local('SigmarOne'), url(http://themes.googleusercontent.com/static/fonts/sigmarone/v4/aRAZJs6CY7SV6eSg6Wx4jxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
    }
    body{
        margin: 0;
        font: 14px Lucida sans;
        background: #333 url('https://3.bp.blogspot.com/-8JN0uohP9Fo/Wjg4GxO_c0I/AAAAAAAAG_s/9qfilnsupsMSHmTJb898iRxRQMZLb34NACLcBGAs/s2560/papel-de-parede-grand-theft-auto-v-los-santos-sunset-.jpg') no-repeat;
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
        color: #fff;
    }
    a, a:active, a:focus{
        text-decoration: none;
        color: #fafafa;
    }
    #logo{
        font: 30px 'Sigmar One';
        text-align: center;
        padding: 0;
        margin: 5em 0 0;
        text-shadow: rgba(0,0,0,1) 0 0 5px;
    }
    form{
        margin: 0 auto;
        max-width: 50%;
    }
    #wrap{
        width: 100%;
        background: rgba(255,255,255,.3);
        border-radius: 5px;
        text-shadow: rgba(0,0,0,.5) 1px 1px 0;
        box-shadow: rgba(0,0,0,.2) 0 0 3px;
        text-align: center;
        padding: 3em 1em;
    }
    hr{
        margin: 1em;
        border: 0;
        border-top: 1px rgba(0,0,0,.2) solid;
        border-bottom: 1px rgba(255,255,255,.2) solid;
    }
    #register{
        background: url('https://imgur.com/EK2ZA9X.png') repeat-x scroll 0px 0px #8FBE5F;
        box-shadow: 0px 1px 0px 0px #ADD08B inset, 0px 2px 3px rgba(0, 0, 0, 0.2);
        text-shadow: 0px -1px 0px #474747;
        border: 1px solid #51842F;
        border-radius: 3px;
        color: #FFF;
        cursor: pointer;
        padding: .3em 5em;
        display: inline-block;
        margin: 0 2em 1em;
    }
    #forum{
        background: url('https://imgur.com/EK2ZA9X.png') repeat-x scroll 0px 0px #8FBE5F;
        box-shadow: 0px 1px 0px 0px #ADD08B inset, 0px 2px 3px rgba(0, 0, 0, 0.2);
        text-shadow: 0px -1px 0px #474747;
        border: 1px solid #51842F;
        border-radius: 3px;
        color: #FFF;
        cursor: pointer;
        padding: .3em 5em;
        display: inline-block;
        margin: 0 2em 1em;
    }
    #copyrights{
        font-size: 13px;
    }
    </style>        
<form action="/login?" class="AVAST_PAM_loginform">
                
 <p id="logo">
     <br />Brasil GameForever RPG    
 </p>
                  
 <div id="wrap">
                                 <a id="forum" href="/forum">Ir para o fórum</a>                 <a id="register" href="/register">Registre-se</a>                                    
 <hr />
                 <label for="username">                Nome:                 <input name="username" type="text" />            </label>             <label for="password">                Senha:                 <input name="password" type="password" />            </label>             <label for="login">                <input name="login" type="submit" value="Login" />            </label>                
 <hr />
                 <label for="sendpassword">                <a href="/profile?mode=sendpassword">Esqueci minha senha</a>            </label>             <label for="autologin">                <input name="autologin" id="autologin" tabindex="4" checked="checked" class="radio" type="checkbox" /> Conexão automática            </label>            
 </div>
                  
</form><avast-pam-icon data-avast-pam="y" class="avast-pam-lock" name="_AVAST_PAM_inputicon_0" style="left: 464px; right: auto; margin: 0px; padding: 0px; border: none; outline: none; opacity: 1; z-index: auto; display: block; visibility: visible; position: absolute; width: 25px; height: 16px; min-width: 25px; transition: none 0s ease 0s; top: 362px;"></avast-pam-icon><avast-pam-icon data-avast-pam="y" class="avast-pam-lock" name="_AVAST_PAM_inputicon_1" style="left: 682px; right: auto; margin: 0px; padding: 0px; border: none; outline: none; opacity: 1; z-index: auto; display: block; visibility: visible; position: absolute; width: 25px; height: 16px; min-width: 25px; transition: none 0s ease 0s; top: 362px;"></avast-pam-icon>
<a href="https://www.forumeiros.com" target="_blank"></a>

Código:

<title>Painel de login  ~ BGF</title>    <meta charset="utf-8" />    <style type="text/css">
    @font-face {
      font-family: 'Sigmar One';
      font-style: regular;
      font-weight: 400;
      src: local('Sigmar One'), local('SigmarOne'), url(http://themes.googleusercontent.com/static/fonts/sigmarone/v4/aRAZJs6CY7SV6eSg6Wx4jxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
    }
    body{
        margin: 0;
        font: 14px Lucida sans;
        background: #333 url('https://3.bp.blogspot.com/-8JN0uohP9Fo/Wjg4GxO_c0I/AAAAAAAAG_s/9qfilnsupsMSHmTJb898iRxRQMZLb34NACLcBGAs/s2560/papel-de-parede-grand-theft-auto-v-los-santos-sunset-.jpg') no-repeat;
        -webkit-background-size: cover;
          -moz-background-size: cover;
            -o-background-size: cover;
                background-size: cover;
        color: #fff;
    }
    a, a:active, a:focus{
        text-decoration: none;
        color: #fafafa;
    }
    #logo{
        font-size: 30px;
        font-family: 'Sigmar One', Segoe UI;
        text-align: center;
        padding: 0;
        margin: 5em 0 0;
        text-shadow: rgba(0,0,0,1) 0 0 5px;
    }
    form{
        margin: 0 auto;
        max-width: 50%;
    }
    #wrap{
        width: 100%;
        background: rgba(255,255,255,.3);
        border-radius: 5px;
        text-shadow: rgba(0,0,0,.5) 1px 1px 0;
        box-shadow: rgba(0,0,0,.2) 0 0 3px;
        text-align: center;
        padding: 3em 1em;
    }
    hr{
        margin: 1em;
        border: 0;
        border-top: 1px rgba(0,0,0,.2) solid;
        border-bottom: 1px rgba(255,255,255,.2) solid;
    }
    #register{
        background: url('https://imgur.com/EK2ZA9X.png') repeat-x scroll 0px 0px #8FBE5F;
        box-shadow: 0px 1px 0px 0px #ADD08B inset, 0px 2px 3px rgba(0, 0, 0, 0.2);
        text-shadow: 0px -1px 0px #474747;
        border: 1px solid #51842F;
        border-radius: 3px;
        color: #FFF;
        cursor: pointer;
        padding: .3em 5em;
        display: inline-block;
        margin: 0 2em 1em;
    }
    #forum{
        background: url('https://imgur.com/EK2ZA9X.png') repeat-x scroll 0px 0px #8FBE5F;
        box-shadow: 0px 1px 0px 0px #ADD08B inset, 0px 2px 3px rgba(0, 0, 0, 0.2);
        text-shadow: 0px -1px 0px #474747;
        border: 1px solid #51842F;
        border-radius: 3px;
        color: #FFF;
        cursor: pointer;
        padding: .3em 5em;
        display: inline-block;
        margin: 0 2em 1em;
    }
    #copyrights{
        font-size: 13px;
    }
    </style>       
<form action="/login?" class="AVAST_PAM_loginform">
                 
  <p id="logo">
          <br />Brasil GameForever RPG   
  </p>
                   
  <div id="wrap">
                                      <a id="forum" href="/forum">Ir para o fórum</a>                <a id="register" href="/register">Registre-se</a>                                   
      <hr />
                      <label for="username">                Nome:                <input name="username" type="text" />            </label>            <label for="password">                Senha:                <input name="password" type="password" />            </label>            <label for="login">                <input name="login" type="submit" value="Login" />            </label>               
      <hr />
                      <label for="sendpassword">                <a href="/profile?mode=sendpassword">Esqueci minha senha</a>            </label>            <label for="autologin">                <input name="autologin" id="autologin" tabindex="4" checked="checked" class="radio" type="checkbox" /> Conexão automática            </label>           
  </div>
                   
</form><avast-pam-icon data-avast-pam="y" class="avast-pam-lock" name="_AVAST_PAM_inputicon_0" style="left: 464px; right: auto; margin: 0px; padding: 0px; border: none; outline: none; opacity: 1; z-index: auto; display: block; visibility: visible; position: absolute; width: 25px; height: 16px; min-width: 25px; transition: none 0s ease 0s; top: 362px;"></avast-pam-icon><avast-pam-icon data-avast-pam="y" class="avast-pam-lock" name="_AVAST_PAM_inputicon_1" style="left: 682px; right: auto; margin: 0px; padding: 0px; border: none; outline: none; opacity: 1; z-index: auto; display: block; visibility: visible; position: absolute; width: 25px; height: 16px; min-width: 25px; transition: none 0s ease 0s; top: 362px;"></avast-pam-icon>
<a href="https://www.forumeiros.com" target="_blank"></a>

RafaelS. escreveu:Olá @"Leo_Pereira12",

O que acontece é que o seu fórum, pelo que pude ver, têm o certificado SSL ativo.
Isso significa que ele será exibido como sendo Seguro e usará o protocolo https:// .

Tendo isto em conta, o fórum não aceita conteúdo proveniente de uma fonte insegura, ou seja que use o protocolo http://. Isto vale para imagens, folhas de estilos, vídeos, scripts, enfim todo o tipo do contéudo. Como podemos ver no seu código, a maioria dos links são provenientes de uma fonte insegura, o que explicaria o fato de ele não surtir efeito.

Na linha 6 altere http:// para https://

Atenciosamente,
RafaelS.

Código:

<html>
<head>
<title>Painel de login  ~ BGF</title>    <meta charset="utf-8" />    <style type="text/css">
    @font-face {
      font-family: 'Sigmar One';
      font-style: regular;
      font-weight: 400;
      src: local('Sigmar One'), local('SigmarOne'), url(https://themes.googleusercontent.com/static/fonts/sigmarone/v4/aRAZJs6CY7SV6eSg6Wx4jxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
    }
    body{
        margin: 0;
        font: 14px Lucida sans;
        background: #333 url('https://3.bp.blogspot.com/-8JN0uohP9Fo/Wjg4GxO_c0I/AAAAAAAAG_s/9qfilnsupsMSHmTJb898iRxRQMZLb34NACLcBGAs/s2560/papel-de-parede-grand-theft-auto-v-los-santos-sunset-.jpg') no-repeat;
        -webkit-background-size: cover;
          -moz-background-size: cover;
            -o-background-size: cover;
                background-size: cover;
        color: #fff;
    }
    a, a:active, a:focus{
        text-decoration: none;
        color: #fafafa;
    }
    #logo{
        font-size: 30px;
        font-family: 'Sigmar One', Segoe UI;
        text-align: center;
        padding: 0;
        margin: 5em 0 0;
        text-shadow: rgba(0,0,0,1) 0 0 5px;
    }
    form{
        margin: 0 auto;
        max-width: 50%;
    }
    #wrap{
        width: 100%;
        background: rgba(255,255,255,.3);
        border-radius: 5px;
        text-shadow: rgba(0,0,0,.5) 1px 1px 0;
        box-shadow: rgba(0,0,0,.2) 0 0 3px;
        text-align: center;
        padding: 3em 1em;
    }
    hr{
        margin: 1em;
        border: 0;
        border-top: 1px rgba(0,0,0,.2) solid;
        border-bottom: 1px rgba(255,255,255,.2) solid;
    }
    #register{
        background: url('https://imgur.com/EK2ZA9X.png') repeat-x scroll 0px 0px #8FBE5F;
        box-shadow: 0px 1px 0px 0px #ADD08B inset, 0px 2px 3px rgba(0, 0, 0, 0.2);
        text-shadow: 0px -1px 0px #474747;
        border: 1px solid #51842F;
        border-radius: 3px;
        color: #FFF;
        cursor: pointer;
        padding: .3em 5em;
        display: inline-block;
        margin: 0 2em 1em;
    }
    #forum{
        background: url('https://imgur.com/EK2ZA9X.png') repeat-x scroll 0px 0px #8FBE5F;
        box-shadow: 0px 1px 0px 0px #ADD08B inset, 0px 2px 3px rgba(0, 0, 0, 0.2);
        text-shadow: 0px -1px 0px #474747;
        border: 1px solid #51842F;
        border-radius: 3px;
        color: #FFF;
        cursor: pointer;
        padding: .3em 5em;
        display: inline-block;
        margin: 0 2em 1em;
    }
    #copyrights{
        font-size: 13px;
    }
    </style>     
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
        (function($) {
            'use strict';
     
            $(function() {
                $.get('/forum?change_version=prosilver')
                    .done(function(context) {
     
                        if ($('a[id="logout"]', context).length != 0) {
                              $('.alert-success').fadeIn();
                              $('#wrap').html('Sessão iniciada, redirecionado...').prop('onclick', null);
                              $('input').attr('disabled', true);
                            setTimeout(
                                function() {
                                    window.location.replace('/forum');
                                }, 3000);
     
                        }
     
                    })
                    .fail(function() {
                        alert('Contacte o Suporte Forumeiros!');
                        location.pathname = '/forum';
                    });
       
                $('form').submit(function() {
                    var username = $('input[name="username"]').val(),
                        pass = $('input[name="password"]').val(),
                        autologin = 0;
     
                        if($('input[name="autologin"]').is(':checked'))
                          autologin = 1;
 
                  $.post( '/login', { username: username, password: pass, login: '', autologin: autologin })
                      .done(function( data ) {
     
                          if(data.search('Você especificou um nome de usuário incorreto ou inativo, ou uma senha inválida') > 0) {
                              $('.form-control-feedback').fadeIn();
                        } else {
                                $('.form-control-feedback').hide();
                                $('#wrap').html('Bem-vindo ' + username + ' redirecionado...').prop('onclick', null);
                                $('input').attr('disabled', true);
                            setTimeout(
                                function() {
                                    window.location.replace('/forum');
                                }, 3000);
     
                        }
     
     
                    })
                    .fail(function() {
                        alert('Contacte o Suporte Forumeiros!');
                        location.pathname = '/login';
                    });
          return false;
      });
 
   
            });
        }(jQuery));
    </script>
</head>
<body>
<form class="AVAST_PAM_loginform" >
               
  <p id="logo">
          <br />Brasil GameForever RPG 
  </p>
                 
  <div id="wrap">
                                      <a id="forum" href="/forum">Ir para o fórum</a>                <a id="register" href="/register">Registre-se</a>                                 
      <hr />
                      <label for="username">                Nome:                <input name="username" type="text" required autofocus/>            </label>            <label for="password">                Senha:                <input name="password" type="password" required/>            </label>            <label for="login">                <input name="login" type="submit" value="Login" />            </label>             
      <hr />
                      <label for="sendpassword">                <a href="/profile?mode=sendpassword">Esqueci minha senha</a>            </label>            <label for="autologin">                <input name="autologin" id="autologin" tabindex="4" checked="checked" class="radio" type="checkbox" /> Conexão automática            </label>         
  <div class="form-control-feedback" style="display: none">Usuário ou senha incorretos, tente novamente!</div>
  </div>
                 
</form><avast-pam-icon data-avast-pam="y" class="avast-pam-lock" name="_AVAST_PAM_inputicon_0" style="left: 464px; right: auto; margin: 0px; padding: 0px; border: none; outline: none; opacity: 1; z-index: auto; display: block; visibility: visible; position: absolute; width: 25px; height: 16px; min-width: 25px; transition: none 0s ease 0s; top: 362px;"></avast-pam-icon><avast-pam-icon data-avast-pam="y" class="avast-pam-lock" name="_AVAST_PAM_inputicon_1" style="left: 682px; right: auto; margin: 0px; padding: 0px; border: none; outline: none; opacity: 1; z-index: auto; display: block; visibility: visible; position: absolute; width: 25px; height: 16px; min-width: 25px; transition: none 0s ease 0s; top: 362px;"></avast-pam-icon>
<a href="https://www.forumeiros.com" target="_blank"></a>
</body>
</html>