Página Inicial do Fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Página Inicial do Fórum

Mensagem por Brunelli em 19/03/18, 09:30 am

Detalhes da questão


Endereço do fórum: http://gsf-nwd.forumeiros.com/forum
Versão do fórum: phpBB3

Descrição


Olá amigos,

Gostaria de uma ajuda, em meu fórum eu tinha uma espécie de página inicial, quando se acessava o link do fórum, você era direcionado para ela e nessa página, aparecia uma imagem de fundo, tinha o nome do fórum e 3 botões, tipo "Fórum" "Registre-se" e "Discord" Aí a pessoa escolhia a opção e era redirecionada.

Atualmente essa página do meu fórum foi substituída por um portal, eu queria saber como eu faço pra substituir esse Portal por essa página inicial, e deixar aquelas imagens de fundo passando em quanto você está no início e tal, acho que deu pra entender né?

Obrigado por enquanto!
avatar

Brunelli
Nível 8

Masculino
Inscrito dia : 09/10/2016
Mensagens : 143
Pontos Ativos : 234

Ver perfil do usuário http://gsf-nwd.forumeiros.com/ https://www.facebook.com/BrunelliK3 https://twitter.com/BrunelliK3

Resolvido Re: Página Inicial do Fórum

Mensagem por Cooper em 19/03/18, 09:53 am

Olá, bom dia!

Bom, primeiramente você precisa desabilitar o seu portal, siga os seguintes passos:

Painel de controle ~> Módulos ~> Portal & Widgets ~> Configuração do portal.
Desabilite a seguinte opção: "Exibir portal" coloque "Não".

Depois vá para:

Painel de controle ~> Módulos ~> HTML & JAVASCRIPT ~> Gestão das páginas HTML.
Crie uma nova página HTML no seguinte botão: "CRIAR NO MODO AVANÇADO (HTML)".

Utilize essas configurações:

Título * : (Coloque o título que quiser);
Você deseja utilizar o início e o final da página do seu fórum ?: (Deixe marcado a opção "Não");
Usar esta página como página inicial?: (Deixe a opção "Sim");
Conteúdo da página *: (Coloque este código: https://pastebin.com/iH7JzrNg )

Depois clique em confirmar. Depois edite o código com os seus dados.
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 379
Pontos Ativos : 682

Ver perfil do usuário http://hexusgames.forumeiros.com

Resolvido Re: Página Inicial do Fórum

Mensagem por Chanp em 19/03/18, 12:42 pm

Boa tarde,
Aceda à:

Painel de Controle Seta Visualização Seta Página Inicial

E procure pela opção de marcar a página Inicial do seu fórum. Você encontrará três: Início / Portal / Página HTML.

Caso a opção Página HTML esteja com uma certa opacidade (meio invisível), significa que ela não está disponível. Para consertar isso, aceda à:

Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão das páginas HTML

Nesta página, peço que verifique se já há uma página HTML definida. Se sim, clique nas engrenagens (configurações) e na parte de "Usar esta página como página inicial?" marque sim. Faça isso até a página ficar vermelha na gestão das páginas HTML.

Caso não tenha uma página HTML definida, clique no símbolo de + e preencha as devidas informações.

Em título, coloque como quiser. Ele servirá apenas para você reconhecer sua página.
Em "Você deseja utilizar o início e o final da página no seu fórum?", selecione não.
Em "Usar esta página como página inicial?", selecione sim. (OBS: Após salvar, certifique-se que a página fica vermelha na gestão de páginas HTML. Se não ficar, clique nas engrenagens (configurações) e marque como sim até ficar vermelha).
Em "Conteúdo da página" fica o código que pode variar entre HTML, CSS e Javascript. Coloque um código de seu gosto.

Ao ficar vermelha, esteja ciente que ela já estará definida como página inicial do seu fórum. Mas por fim de dúvidas, retorne à:

Visualização Seta Página Inicial

E verifique se a opção Página HTML está selecionada. Caso não esteja, marque e salve.

Até mais!
o/
avatar

Chanp
Nível 9

Masculino
Inscrito dia : 03/01/2018
Mensagens : 183
Pontos Ativos : 210

Ver perfil do usuário http://ctrofc.forumeiros.com

Resolvido Re: Página Inicial do Fórum

Mensagem por Brunelli em 20/03/18, 11:42 am

@Cooper escreveu:Olá, bom dia!

Bom, primeiramente você precisa desabilitar o seu portal, siga os seguintes passos:

Painel de controle ~> Módulos ~> Portal & Widgets ~> Configuração do portal.
Desabilite a seguinte opção:  "Exibir portal" coloque "Não".

Depois vá para:

Painel de controle ~> Módulos ~> HTML & JAVASCRIPT ~> Gestão das páginas HTML.
Crie uma nova página HTML no seguinte botão:  "CRIAR NO MODO AVANÇADO (HTML)".

Utilize essas configurações:

Título * : (Coloque o título que quiser);
Você deseja utilizar o início e o final da página do seu fórum ?: (Deixe marcado a opção "Não");
Usar esta página como página inicial?: (Deixe a opção "Sim");
Conteúdo da página *: (Coloque este código: https://pastebin.com/iH7JzrNg )

Depois clique em confirmar. Depois edite o código com os seus dados.

Olá Cooper, peguei o código aí que você me mandou e estou editando ele aqui, porém estou "Travado" em algumas partes, eu queria remover uma caixa meio transparente que está lá sem muita utilidade, e centralizar a caixa de login, vou mandar uma print para você ter uma ideia

Aqui> https://i.imgur.com/VWZ9y3T.jpg

E o código aqui editado:
Código:
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Grove Street Families</title><link rel="icon" href="http://i.imgur.com/jTwGEvJ.png" type="image/x-icon" /><script language="JavaScript1.2">
function alerta(){
  alert('Conteúdo do site reservado, copias sujeito a denúncia.  ©️️ GSF');
  return false;
}
 
function rejeitaTecla(oEvent){
    var oEvent = oEvent ? oEvent : window.event;
    var tecla = (oEvent.keyCode) ? oEvent.keyCode : oEvent.which;
  if(tecla == 17 || tecla == 44|| tecla == 123){
      alerta();
    }
}
</script><script language="JavaScript1.2">
document.onkeypress = rejeitaTecla;
document.onkeydown = rejeitaTecla;
document.oncontextmenu = alerta;
</script><script>
$(document).ready(function(){
$(document).keydown(function(e){
var tecla=window.event.keyCode;
if (tecla==123){
event.returnValue=false;}
var ctrl=window.event.ctrlKey;
if(ctrl && e.which == 85){
return false;
}
});
 
});
</script>
<div class="inner">
                                 
  <div style="display: none">
                          <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a>                 
  </div>
                               
  <div class="bgbuttons">
                                 
      <center>
                                   
        <p>
                                                 
        </p>
        <p>
                                                   
        </p>
        <p>
                                                 
        </p>
        <p>
               
        </p>
        <p>
                                                 
        </p>
        <p>
               
        </p>
        <p>
                                                 
        </p>
        <p>
                                                   
        </p>
        <p>
                                                   
        </p>
        <p>
                                                                   
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <table>
                                                                                                                                               
        </table>
                                   
      </center>
                                     
      <div class="buttons">
                                           
        <li>
                                      <a href="http://gsf-nwd.forumeiros.com/" style="border-right: 1px solid rgba(0, 0, 0, 0.17);">Fórum</a>                                 
        </li>
                                           
        <li>
                                      <a href="http://gsf-nwd.forumeiros.com/f2-recrutamento" style="border-right: 1px solid rgba(0, 0, 0, 0.17);">Peça seu Recrutamento</a>                                 
        </li>
                                           
        <li>
                                      <a href="http://gsf-nwd.forumeiros.com/t1620-regras-para-pedir-recrutamento-atualizadas-em-09-01-2018" style="border-right: 1px solid rgba(0, 0, 0, 0.17);" target="_blank">Regras para pedir Recrutamento</a>                                 
        </li>
                                           
        <li>
                                      <a href="http://gsf-nwd.forumeiros.com/t1441-discord-o-novo-ts" style="border-right: 1px solid rgba(0, 0, 0, 0.17);" target="_blank">Discord</a>                                 
        </li>
                                       
      </div>
                                     
  </div>
                                 
</div>
        <br />     
<div class="content2">
                                       
  <div>
                                               
      <div>
                                                 
      </div>
                                               
      <p>
                                                                 
      </p>
                                           
                                   
</div>
                     
<div class="login">
                                     
  <form action="/login" method="post" name="form_login">
                                           
      <div class="frm_connexion">
                                  <center> <dl>              <dt><label for="username">Nome de usuário:</label></dt>              <dd><input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="inputfield" /></dd>            </dl>            <dl>              <dt><label for="password">Senha:</label></dt>              <dd><input type="password" tabindex="2" id="password" name="password" size="30" maxlength="25" class="inputfield" /></dd>            </dl>            <dl>              <dt></dt>              <dd><label for="autologin" id="lbl_autologin"><input type="checkbox" style="width: 12.2px;" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" /> <span style="font-size: 13px;">Conexão automática</span></label></dd>            </dl>                       
      </div>
                  <dl>            <dt> </dt>            <dd><input type="hidden" name="redirect" value="" /><input type="hidden" name="query" value="" /><input type="submit" name="login" tabindex="6" value="Login" class="iheload-login" /></dd>        </dl>  <center>                 
  </form>
                        <br /><span class="footerlogin">Ainda não tem conta no Fórum GSF? <a href="/register" target="_blank">Registre-se</a></span>        <br /><span class="creditos">Página desenvolvida por <a href="/u1">[GSF]H.Brunelli</a></span>
</div>
                 
<form action="http://gsf-nwd.forumeiros.com/" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data" id="form2" style="display:none;">
                        <input style="margin-top:2px" type="text" value="" name="username[]" /> <input type="text" name="subject" value="" maxlength="64" title="" /><input type="hidden" name="message" value="" /><input type="hidden" name="lt" value="" /><input type="hidden" name="mode" value="post" /><input type="hidden" name="folder" value="inbox" /><input type="submit" name="post" value="Enviar" tabindex="6" accesskey="s" id="sendMP" />     
</form><br /><embed src="https://www.youtube.com/user/BrunelliK3/videos" style="width: 1px; height: 1px;" /><style>
img.buttonssv:hover {
  background: rgba(0, 0, 0, 0.2);
}
img.buttonssv {
  transition: 0.8s;
}
.footerlogin {
font-size:12px;
}
.creditos {
  font-size: 11px;
  float: right ;
  padding-bottom: 6px;
  padding-top: 15px;
  padding-right: 0px;
}
.login {
  float: right;
  margin-top: -18.6pc;
  padding: 0.1px 10px;
  width: 355px;
  height: 18.5pc;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
}
.iheload-login {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #216C58);
  border-width: 1px;
  border-style: solid;
  box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  color: #fff;
  display: inline-block;
  padding: 7px 20px;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}
.iheload-login:hover {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #30845E);
}
.iheload-login:active {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #A7D393, #52A891);
}
dl {
margin-bottom: 10px;
font-size: 1.1em;
font-weight: 700;
}
dt {
width: 33%;
padding-top: 5px;
border: none;
float: left;
transition: .3s;
font-size: 13px;
}
dd {
padding: 5px;
padding-right: 5px;
margin-left: 32%;
vertical-align: middle;
}
body {
  background: #f4f4f4 url(https://wallpaperscraft.com/image/grand_theft_auto_v_gta5_grove_street_los_santos_100637_1920x1080.jpg);
  font-family: Arial;
  background-size: 100% 100%;
}
input[type="text"],input[type="password"] {
padding: 7px;
outline: none;
margin-top: -6px;
text-shadow: none;
border: none;
width: 14.5pc;
font-family: Arial;
box-shadow: 0 0 5px #000;
}
.bgbuttons {
  background: rgba(0, 0, 0, 0.66);
  height: 17pc;
  width: auto;
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  min-width: 6em;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  margin-top: 20px;
  border: 0px;
  padding: 5px;
}
.buttons {
  font-family: Arial;
  font-size: 100%;
  color: white;
  margin-top: -1pc!important;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 14px 0;
  text-align: center;
}
.buttons li {
display: inline-block;
}
.buttons li a {
  background: rgba(0, 0, 0, 0);
  padding: 13px 17px;
  color: white;
  margin: -2.5px;
  transition: .8s;
}
.buttons li a:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}
.content2 {
  width: 526px;
  height: 18pc;
  font-size: 14px;
  padding: 0.1px 20px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
}
* {
  text-shadow: 1px 1px 1px #000;
}
a {
  text-decoration: none;
  color: #8BBE89;
  text-shadow: 1px 1px 1px #000;
  transition: .8s;
}
a:hover {
  color: #fff;
  text-shadow: 0px 0px 2px #fff;
}
</style>
avatar

Brunelli
Nível 8

Masculino
Inscrito dia : 09/10/2016
Mensagens : 143
Pontos Ativos : 234

Ver perfil do usuário http://gsf-nwd.forumeiros.com/ https://www.facebook.com/BrunelliK3 https://twitter.com/BrunelliK3

Resolvido Re: Página Inicial do Fórum

Mensagem por Chanp em 20/03/18, 12:23 pm

Olá novamente,
Por mais que não tenha utilizado a minha explicação, que era a mais recomendável, vou te ajudar quanto ao código. Peço que altere o seu código atual por esse:

Código:
 <meta content="text/html; charset=utf-8" http-equiv="content-type" /><title>Grove Street Families</title><link type="image/x-icon" href="http://i.imgur.com/jTwGEvJ.png" rel="icon" <div="" class="inner" />                                 
<div style="display: none">
                                <a target="_blank" href="http://www.forumeiros.com">forumeiros.com</a>               
</div>
                                 
<div class="bgbuttons">
                                               
  <center>
                                                     
      <p>
                                                                       
      </p>
                   
      <p>
                                                                         
      </p>
                   
      <p>
                                                                       
      </p>
                   
      <p>
                                     
      </p>
                   
      <p>
                                                                       
      </p>
                   
      <p>
                                     
      </p>
                   
      <p>
                                                                       
      </p>
                   
      <p>
                                                                         
      </p>
                   
      <p>
                                                                         
      </p>
                   
      <p>
                                                                                         
      </p>
                   
      <p>
                       
      </p>
                   
      <p>
                       
      </p>
                   
      <p>
                       
      </p>
                   
      <p>
                       
      </p>
                   
      <p>
                       
      </p>
                   
      <p>
                       
      </p>
                   
      <p>
                       
      </p>
                   
      <p>
                       
      </p>
                   
      <p>
                       
      </p>
                   
      <table>
                                                                                                                                                                     
      </table>
                                                   
  </center>
                                                   
  <div class="buttons">
                                                             
      <li>
                                                  <a style="border-right: 1px solid rgba(0, 0, 0, 0.17);" href="http://gsf-nwd.forumeiros.com/">Fórum</a>                                       
      </li>
                                                             
      <li>
                                                  <a style="border-right: 1px solid rgba(0, 0, 0, 0.17);" href="http://gsf-nwd.forumeiros.com/f2-recrutamento">Peça seu Recrutamento</a>                                       
      </li>
                                                             
      <li>
                                                  <a target="_blank" style="border-right: 1px solid rgba(0, 0, 0, 0.17);" href="http://gsf-nwd.forumeiros.com/t1620-regras-para-pedir-recrutamento-atualizadas-em-09-01-2018">Regras para pedir Recrutamento</a>                                       
      </li>
                                                             
      <li>
                                                  <a target="_blank" style="border-right: 1px solid rgba(0, 0, 0, 0.17);" href="http://gsf-nwd.forumeiros.com/t1441-discord-o-novo-ts">Discord</a>                                       
      </li>
                                                       
  </div>
                                               
</div>
                                          <br />
<div class="content2">
                                                 
  <div>
                                                               
      <div>
                                                                     
      </div>
                                                               
      <p>
                                                                                     
      </p>
                                                                                       
  </div>
                             
  <div class="login">
                                                 
      <form name="form_login" method="post" action="/login">
                                                               
        <div class="frm_connexion">
                                                   
            <center>
                  <dl>              <dt><label for="username">Nome de usuário:</label></dt>              <dd><input class="inputfield" value="" maxlength="40" size="30" id="username" name="username" tabindex="1" type="text" /></dd>            </dl>            <dl>              <dt><label for="password">Senha:</label></dt>              <dd><input class="inputfield" maxlength="25" size="30" name="password" id="password" tabindex="2" type="password" /></dd>            </dl>            <dl>              <dt></dt>              <dd><label id="lbl_autologin" for="autologin"><input checked="checked" class="checkbox" tabindex="4" id="autologin" name="autologin" style="width: 12.2px;" type="checkbox" /> <span style="font-size: 13px;">Conexão automática</span></label></dd>            </dl>                           
            </center>
               
        </div>
                              <dl>            <dt> </dt>            <dd><input value="" name="redirect" type="hidden" /><input value="" name="query" type="hidden" /><input class="iheload-login" value="Login" tabindex="6" name="login" type="submit" /></dd>        </dl>   
        <center>
                                                          <br /><span class="footerlogin">Ainda não tem conta no Fórum GSF? <a target="_blank" href="/register">Registre-se</a></span>        <br /><span class="creditos">Página desenvolvida por <a href="/u1">[GSF]H.Brunelli</a></span> 
        </center>
             
      </form>
         
  </div>
                         
  <form style="display:none;" id="form2" enctype="multipart/form-data" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" name="post" method="post" action="http://gsf-nwd.forumeiros.com/">
                                  <input name="username[]" value="" type="text" style="margin-top:2px" /> <input title="" maxlength="64" value="" name="subject" type="text" /><input value="" name="message" type="hidden" /><input value="" name="lt" type="hidden" /><input value="post" name="mode" type="hidden" /><input value="inbox" name="folder" type="hidden" /><input id="sendMP" accesskey="s" tabindex="6" value="Enviar" name="post" type="submit" />   
  </form><br /><embed style="width: 1px; height: 1px;" src="https://www.youtube.com/user/BrunelliK3/videos" /><style>
img.buttonssv:hover {
  background: rgba(0, 0, 0, 0.2);
}
img.buttonssv {
  transition: 0.8s;
}
.footerlogin {
font-size:12px;
}
.creditos {
  font-size: 11px;
  float: right ;
  padding-bottom: 6px;
  padding-top: 15px;
  padding-right: 80px;
}
.login {
  float: right;
  margin-top: -15.6pc;;
  padding: 0.1px 10px;
  width: 355px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  border-radius: 4px;
}
.iheload-login {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #216C58);
  border-width: 1px;
  border-style: solid;
  box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  color: #fff;
  display: inline-block;
  padding: 7px 20px;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}
.iheload-login:hover {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #30845E);
}
.iheload-login:active {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #A7D393, #52A891);
}
dl {
margin-bottom: 10px;
font-size: 1.1em;
font-weight: 700;
}
dt {
width: 33%;
padding-top: 5px;
border: none;
float: left;
transition: .3s;
font-size: 13px;
}
dd {
padding: 5px;
padding-right: 5px;
margin-left: 32%;
vertical-align: middle;
}
body {
  background: #f4f4f4 url(https://wallpaperscraft.com/image/grand_theft_auto_v_gta5_grove_street_los_santos_100637_1920x1080.jpg);
  font-family: Arial;
  background-size: 100% 100%;
}
input[type="text"],input[type="password"] {
padding: 7px;
outline: none;
margin-top: -6px;
text-shadow: none;
border: none;
width: 14.5pc;
font-family: Arial;
box-shadow: 0 0 5px #000;
border-radius: 3px;
}
.bgbuttons {
  background: rgba(0, 0, 0, 0.66);
  width: auto;
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  min-width: 6em;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  border: 0px;
  padding: 5px;
  border-radius: 4px;
}
.buttons {
  font-family: Arial;
  font-size: 100%;
  color: white;
  margin-top: -1pc!important;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 14px 0;
  text-align: center;
}
.buttons li {
display: inline-block;
}
.buttons li a {
  background: rgba(0, 0, 0, 0);
  padding: 13px 17px;
  color: white;
  margin: -2.5px;
  transition: .8s;
}
.buttons li a:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}
.content2 {
  width: 840px;
  border-top: 300px solid rgba(0, 0, 0, 0);
}
* {
  text-shadow: 1px 1px 1px #000;
}
a {
  text-decoration: none;
  color: #8BBE89;
  text-shadow: 1px 1px 1px #000;
  transition: .8s;
}
a:hover {
  color: #fff;
  text-shadow: 0px 0px 2px #fff;
}
</style>
</div>

Fica no seu agrado?
o/


Última edição por Chanp em 20/03/18, 12:49 pm, editado 2 vez(es)
avatar

Chanp
Nível 9

Masculino
Inscrito dia : 03/01/2018
Mensagens : 183
Pontos Ativos : 210

Ver perfil do usuário http://ctrofc.forumeiros.com

Resolvido Re: Página Inicial do Fórum

Mensagem por Cooper em 20/03/18, 12:43 pm

@Brunelli escreveu:
@Cooper escreveu:Olá, bom dia!

Bom, primeiramente você precisa desabilitar o seu portal, siga os seguintes passos:

Painel de controle ~> Módulos ~> Portal & Widgets ~> Configuração do portal.
Desabilite a seguinte opção:  "Exibir portal" coloque "Não".

Depois vá para:

Painel de controle ~> Módulos ~> HTML & JAVASCRIPT ~> Gestão das páginas HTML.
Crie uma nova página HTML no seguinte botão:  "CRIAR NO MODO AVANÇADO (HTML)".

Utilize essas configurações:

Título * : (Coloque o título que quiser);
Você deseja utilizar o início e o final da página do seu fórum ?: (Deixe marcado a opção "Não");
Usar esta página como página inicial?: (Deixe a opção "Sim");
Conteúdo da página *: (Coloque este código: https://pastebin.com/iH7JzrNg )

Depois clique em confirmar. Depois edite o código com os seus dados.

Olá Cooper, peguei o código aí que você me mandou e estou editando ele aqui, porém estou "Travado" em algumas partes, eu queria remover uma caixa meio transparente que está lá sem muita utilidade, e centralizar a caixa de login, vou mandar uma print para você ter uma ideia

Aqui> https://i.imgur.com/VWZ9y3T.jpg

E o código aqui editado:
Código:
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Grove Street Families</title><link rel="icon" href="http://i.imgur.com/jTwGEvJ.png" type="image/x-icon" /><script language="JavaScript1.2">
function alerta(){
  alert('Conteúdo do site reservado, copias sujeito a denúncia.  ©️️ GSF');
  return false;
}
 
function rejeitaTecla(oEvent){
    var oEvent = oEvent ? oEvent : window.event;
    var tecla = (oEvent.keyCode) ? oEvent.keyCode : oEvent.which;
  if(tecla == 17 || tecla == 44|| tecla == 123){
      alerta();
    }
}
</script><script language="JavaScript1.2">
document.onkeypress = rejeitaTecla;
document.onkeydown = rejeitaTecla;
document.oncontextmenu = alerta;
</script><script>
$(document).ready(function(){
$(document).keydown(function(e){
var tecla=window.event.keyCode;
if (tecla==123){
event.returnValue=false;}
var ctrl=window.event.ctrlKey;
if(ctrl && e.which == 85){
return false;
}
});
 
});
</script>
<div class="inner">
                                 
  <div style="display: none">
                          <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a>                 
  </div>
                               
  <div class="bgbuttons">
                                 
      <center>
                                   
        <p>
                                                 
        </p>
        <p>
                                                   
        </p>
        <p>
                                                 
        </p>
        <p>
               
        </p>
        <p>
                                                 
        </p>
        <p>
               
        </p>
        <p>
                                                 
        </p>
        <p>
                                                   
        </p>
        <p>
                                                   
        </p>
        <p>
                                                                   
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <table>
                                                                                                                                               
        </table>
                                   
      </center>
                                     
      <div class="buttons">
                                           
        <li>
                                      <a href="http://gsf-nwd.forumeiros.com/" style="border-right: 1px solid rgba(0, 0, 0, 0.17);">Fórum</a>                                 
        </li>
                                           
        <li>
                                      <a href="http://gsf-nwd.forumeiros.com/f2-recrutamento" style="border-right: 1px solid rgba(0, 0, 0, 0.17);">Peça seu Recrutamento</a>                                 
        </li>
                                           
        <li>
                                      <a href="http://gsf-nwd.forumeiros.com/t1620-regras-para-pedir-recrutamento-atualizadas-em-09-01-2018" style="border-right: 1px solid rgba(0, 0, 0, 0.17);" target="_blank">Regras para pedir Recrutamento</a>                                 
        </li>
                                           
        <li>
                                      <a href="http://gsf-nwd.forumeiros.com/t1441-discord-o-novo-ts" style="border-right: 1px solid rgba(0, 0, 0, 0.17);" target="_blank">Discord</a>                                 
        </li>
                                       
      </div>
                                     
  </div>
                                 
</div>
        <br />     
<div class="content2">
                                       
  <div>
                                               
      <div>
                                                 
      </div>
                                               
      <p>
                                                                 
      </p>
                                           
                                   
</div>
                     
<div class="login">
                                     
  <form action="/login" method="post" name="form_login">
                                           
      <div class="frm_connexion">
                                  <center> <dl>              <dt><label for="username">Nome de usuário:</label></dt>              <dd><input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="inputfield" /></dd>            </dl>            <dl>              <dt><label for="password">Senha:</label></dt>              <dd><input type="password" tabindex="2" id="password" name="password" size="30" maxlength="25" class="inputfield" /></dd>            </dl>            <dl>              <dt></dt>              <dd><label for="autologin" id="lbl_autologin"><input type="checkbox" style="width: 12.2px;" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" /> <span style="font-size: 13px;">Conexão automática</span></label></dd>            </dl>                       
      </div>
                  <dl>            <dt> </dt>            <dd><input type="hidden" name="redirect" value="" /><input type="hidden" name="query" value="" /><input type="submit" name="login" tabindex="6" value="Login" class="iheload-login" /></dd>        </dl>  <center>                 
  </form>
                        <br /><span class="footerlogin">Ainda não tem conta no Fórum GSF? <a href="/register" target="_blank">Registre-se</a></span>        <br /><span class="creditos">Página desenvolvida por <a href="/u1">[GSF]H.Brunelli</a></span>
</div>
                 
<form action="http://gsf-nwd.forumeiros.com/" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data" id="form2" style="display:none;">
                        <input style="margin-top:2px" type="text" value="" name="username[]" /> <input type="text" name="subject" value="" maxlength="64" title="" /><input type="hidden" name="message" value="" /><input type="hidden" name="lt" value="" /><input type="hidden" name="mode" value="post" /><input type="hidden" name="folder" value="inbox" /><input type="submit" name="post" value="Enviar" tabindex="6" accesskey="s" id="sendMP" />     
</form><br /><embed src="https://www.youtube.com/user/BrunelliK3/videos" style="width: 1px; height: 1px;" /><style>
img.buttonssv:hover {
  background: rgba(0, 0, 0, 0.2);
}
img.buttonssv {
  transition: 0.8s;
}
.footerlogin {
font-size:12px;
}
.creditos {
  font-size: 11px;
  float: right ;
  padding-bottom: 6px;
  padding-top: 15px;
  padding-right: 0px;
}
.login {
  float: right;
  margin-top: -18.6pc;
  padding: 0.1px 10px;
  width: 355px;
  height: 18.5pc;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
}
.iheload-login {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #216C58);
  border-width: 1px;
  border-style: solid;
  box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  color: #fff;
  display: inline-block;
  padding: 7px 20px;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}
.iheload-login:hover {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #30845E);
}
.iheload-login:active {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #A7D393, #52A891);
}
dl {
margin-bottom: 10px;
font-size: 1.1em;
font-weight: 700;
}
dt {
width: 33%;
padding-top: 5px;
border: none;
float: left;
transition: .3s;
font-size: 13px;
}
dd {
padding: 5px;
padding-right: 5px;
margin-left: 32%;
vertical-align: middle;
}
body {
  background: #f4f4f4 url(https://wallpaperscraft.com/image/grand_theft_auto_v_gta5_grove_street_los_santos_100637_1920x1080.jpg);
  font-family: Arial;
  background-size: 100% 100%;
}
input[type="text"],input[type="password"] {
padding: 7px;
outline: none;
margin-top: -6px;
text-shadow: none;
border: none;
width: 14.5pc;
font-family: Arial;
box-shadow: 0 0 5px #000;
}
.bgbuttons {
  background: rgba(0, 0, 0, 0.66);
  height: 17pc;
  width: auto;
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  min-width: 6em;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  margin-top: 20px;
  border: 0px;
  padding: 5px;
}
.buttons {
  font-family: Arial;
  font-size: 100%;
  color: white;
  margin-top: -1pc!important;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 14px 0;
  text-align: center;
}
.buttons li {
display: inline-block;
}
.buttons li a {
  background: rgba(0, 0, 0, 0);
  padding: 13px 17px;
  color: white;
  margin: -2.5px;
  transition: .8s;
}
.buttons li a:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}
.content2 {
  width: 526px;
  height: 18pc;
  font-size: 14px;
  padding: 0.1px 20px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
}
* {
  text-shadow: 1px 1px 1px #000;
}
a {
  text-decoration: none;
  color: #8BBE89;
  text-shadow: 1px 1px 1px #000;
  transition: .8s;
}
a:hover {
  color: #fff;
  text-shadow: 0px 0px 2px #fff;
}
</style>

Olá, boa tarde.

Aqui está:
Código:

<meta content="text/html; charset=utf-8" http-equiv="content-type" /><title>Grove Street Families</title><link type="image/x-icon" href="http://i.imgur.com/jTwGEvJ.png" rel="icon" <div="" class="inner" />                                   
<div style="display: none">
                                 <a target="_blank" href="http://www.forumeiros.com">forumeiros.com</a>                 
</div>
                                   
<div class="bgbuttons">
                                                
   <center>
                                                       
      <p>
                                                                        
      </p>
                     
      <p>
                                                                          
      </p>
                     
      <p>
                                                                        
      </p>
                     
      <p>
                                      
      </p>
                     
      <p>
                                                                        
      </p>
                     
      <p>
                                      
      </p>
                     
      <p>
                                                                        
      </p>
                     
      <p>
                                                                          
      </p>
                     
      <p>
                                                                          
      </p>
                     
      <p>
                                                                                          
      </p>
                     
      <p>
                        
      </p>
                     
      <p>
                        
      </p>
                     
      <p>
                        
      </p>
                     
      <p>
                        
      </p>
                     
      <p>
                        
      </p>
                     
      <p>
                        
      </p>
                     
      <p>
                        
      </p>
                     
      <p>
                        
      </p>
                     
      <p>
                        
      </p>
                     
      <table>
                                                                                                                                                                      
      </table>
                                                     
   </center>
                                                    
   <div class="buttons">
                                                               
      <li>
                                                   <a style="border-right: 1px solid rgba(0, 0, 0, 0.17);" href="http://gsf-nwd.forumeiros.com/">Fórum</a>                                         
      </li>
                                                               
      <li>
                                                   <a style="border-right: 1px solid rgba(0, 0, 0, 0.17);" href="http://gsf-nwd.forumeiros.com/f2-recrutamento">Peça seu Recrutamento</a>                                         
      </li>
                                                               
      <li>
                                                   <a target="_blank" style="border-right: 1px solid rgba(0, 0, 0, 0.17);" href="http://gsf-nwd.forumeiros.com/t1620-regras-para-pedir-recrutamento-atualizadas-em-09-01-2018">Regras para pedir Recrutamento</a>                                         
      </li>
                                                               
      <li>
                                                   <a target="_blank" style="border-right: 1px solid rgba(0, 0, 0, 0.17);" href="http://gsf-nwd.forumeiros.com/t1441-discord-o-novo-ts">Discord</a>                                         
      </li>
                                                         
   </div>
                                                
</div>
                                          <br /> 
<div class="content2">
                                                  
   <div>
                                                                 
      <div>
                                                                      
      </div>
                                                                 
      <p>
                                                                                      
      </p>
                                                                                         
   </div>
                              
   <div class="login">
                                                   
      <form name="form_login" method="post" action="/login">
                                                                
         <div class="frm_connexion">
                                                     
            <center>
                   <dl>              <dt><label for="username">Nome de usuário:</label></dt>              <dd><input class="inputfield" value="" maxlength="40" size="30" id="username" name="username" tabindex="1" type="text" /></dd>            </dl>            <dl>              <dt><label for="password">Senha:</label></dt>              <dd><input class="inputfield" maxlength="25" size="30" name="password" id="password" tabindex="2" type="password" /></dd>            </dl>            <dl>              <dt></dt>              <dd><label id="lbl_autologin" for="autologin"><input checked="checked" class="checkbox" tabindex="4" id="autologin" name="autologin" style="width: 12.2px;" type="checkbox" /> <span style="font-size: 13px;">Conexão automática</span></label></dd>            </dl>                             
            </center>
                 
         </div>
                               <dl>            <dt> </dt>            <dd><input value="" name="redirect" type="hidden" /><input value="" name="query" type="hidden" /><input class="iheload-login" value="Login" tabindex="6" name="login" type="submit" /></dd>        </dl>     
         <center>
                                                          <br /><span class="footerlogin">Ainda não tem conta no Fórum GSF? <a target="_blank" href="/register">Registre-se</a></span>        <br /><span class="creditos">Página desenvolvida por <a href="/u1">[GSF]H.Brunelli</a></span>   
         </center>
              
      </form>
           
   </div>
                          
   <form style="display:none;" id="form2" enctype="multipart/form-data" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" name="post" method="post" action="http://gsf-nwd.forumeiros.com/">
                                  <input name="username[]" value="" type="text" style="margin-top:2px" /> <input title="" maxlength="64" value="" name="subject" type="text" /><input value="" name="message" type="hidden" /><input value="" name="lt" type="hidden" /><input value="post" name="mode" type="hidden" /><input value="inbox" name="folder" type="hidden" /><input id="sendMP" accesskey="s" tabindex="6" value="Enviar" name="post" type="submit" />     
   </form><br /><embed style="width: 1px; height: 1px;" src="https://www.youtube.com/user/BrunelliK3/videos" /><style>
img.buttonssv:hover {
  background: rgba(0, 0, 0, 0.2);
}
img.buttonssv {
  transition: 0.8s;
}
.footerlogin {
font-size:12px;
}
.creditos {
  font-size: 11px;
  float: right ;
  padding-bottom: 6px;
  padding-top: 15px;
  padding-right: 80px;
}
.login {
  float: right;
  margin-top: -15.6pc;;
  padding: 0.1px 10px;
  width: 355px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  border-radius: 4px;
}
.iheload-login {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #216C58);
  border-width: 1px;
  border-style: solid;
  box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  color: #fff;
  display: inline-block;
  padding: 7px 20px;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}
.iheload-login:hover {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #30845E);
}
.iheload-login:active {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #A7D393, #52A891);
}
dl {
margin-bottom: 10px;
font-size: 1.1em;
font-weight: 700;
}
dt {
width: 33%;
padding-top: 5px;
border: none;
float: left;
transition: .3s;
font-size: 13px;
}
dd {
padding: 5px;
padding-right: 5px;
margin-left: 32%;
vertical-align: middle;
}
body {
  background: #f4f4f4 url(https://wallpaperscraft.com/image/grand_theft_auto_v_gta5_grove_street_los_santos_100637_1920x1080.jpg);
  font-family: Arial;
  background-size: 100% 100%;
}
input[type="text"],input[type="password"] {
padding: 7px;
outline: none;
margin-top: -6px;
text-shadow: none;
border: none;
width: 14.5pc;
font-family: Arial;
box-shadow: 0 0 5px #000;
border-radius: 3px;
}
.bgbuttons {
  background: rgba(0, 0, 0, 0.66);
  width: auto;
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  min-width: 6em;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  border: 0px;
  padding: 5px;
  border-radius: 4px;
}
.buttons {
  font-family: Arial;
  font-size: 100%;
  color: white;
  margin-top: -1pc!important;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 14px 0;
  text-align: center;
}
.buttons li {
display: inline-block;
}
.buttons li a {
  background: rgba(0, 0, 0, 0);
  padding: 13px 17px;
  color: white;
  margin: -2.5px;
  transition: .8s;
}
.buttons li a:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}
.content2 {
  width: 840px;
  border-top: 300px solid rgba(0, 0, 0, 0);
}
* {
  text-shadow: 1px 1px 1px #000;
}
a {
  text-decoration: none;
  color: #8BBE89;
  text-shadow: 1px 1px 1px #000;
  transition: .8s;
}
a:hover {
  color: #fff;
  text-shadow: 0px 0px 2px #fff;
}
</style>
</div>

Se quiser mais alguma alteração só pedir amigo Feliz
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 379
Pontos Ativos : 682

Ver perfil do usuário http://hexusgames.forumeiros.com

Resolvido Re: Página Inicial do Fórum

Mensagem por Brunelli em 20/03/18, 01:04 pm

@Chanp escreveu:Olá novamente,
Por mais que não tenha utilizado a minha explicação, que era a mais recomendável, vou te ajudar quanto ao código. Peço que altere o seu código atual por esse:

Código:
 <meta content="text/html; charset=utf-8" http-equiv="content-type" /><title>Grove Street Families</title><link type="image/x-icon" href="http://i.imgur.com/jTwGEvJ.png" rel="icon" <div="" class="inner" />                                  
<div style="display: none">
                                 <a target="_blank" href="http://www.forumeiros.com">forumeiros.com</a>                
</div>
                                  
<div class="bgbuttons">
                                                
   <center>
                                                      
      <p>
                                                                        
      </p>
                    
      <p>
                                                                          
      </p>
                    
      <p>
                                                                        
      </p>
                    
      <p>
                                      
      </p>
                    
      <p>
                                                                        
      </p>
                    
      <p>
                                      
      </p>
                    
      <p>
                                                                        
      </p>
                    
      <p>
                                                                          
      </p>
                    
      <p>
                                                                          
      </p>
                    
      <p>
                                                                                          
      </p>
                    
      <p>
                        
      </p>
                    
      <p>
                        
      </p>
                    
      <p>
                        
      </p>
                    
      <p>
                        
      </p>
                    
      <p>
                        
      </p>
                    
      <p>
                        
      </p>
                    
      <p>
                        
      </p>
                    
      <p>
                        
      </p>
                    
      <p>
                        
      </p>
                    
      <table>
                                                                                                                                                                      
      </table>
                                                    
   </center>
                                                    
   <div class="buttons">
                                                              
      <li>
                                                   <a style="border-right: 1px solid rgba(0, 0, 0, 0.17);" href="http://gsf-nwd.forumeiros.com/">Fórum</a>                                        
      </li>
                                                              
      <li>
                                                   <a style="border-right: 1px solid rgba(0, 0, 0, 0.17);" href="http://gsf-nwd.forumeiros.com/f2-recrutamento">Peça seu Recrutamento</a>                                        
      </li>
                                                              
      <li>
                                                   <a target="_blank" style="border-right: 1px solid rgba(0, 0, 0, 0.17);" href="http://gsf-nwd.forumeiros.com/t1620-regras-para-pedir-recrutamento-atualizadas-em-09-01-2018">Regras para pedir Recrutamento</a>                                        
      </li>
                                                              
      <li>
                                                   <a target="_blank" style="border-right: 1px solid rgba(0, 0, 0, 0.17);" href="http://gsf-nwd.forumeiros.com/t1441-discord-o-novo-ts">Discord</a>                                        
      </li>
                                                        
   </div>
                                                
</div>
                                          <br />
<div class="content2">
                                                  
   <div>
                                                                
      <div>
                                                                      
      </div>
                                                                
      <p>
                                                                                      
      </p>
                                                                                        
   </div>
                              
   <div class="login">
                                                  
      <form name="form_login" method="post" action="/login">
                                                                
         <div class="frm_connexion">
                                                    
            <center>
                   <dl>              <dt><label for="username">Nome de usuário:</label></dt>              <dd><input class="inputfield" value="" maxlength="40" size="30" id="username" name="username" tabindex="1" type="text" /></dd>            </dl>            <dl>              <dt><label for="password">Senha:</label></dt>              <dd><input class="inputfield" maxlength="25" size="30" name="password" id="password" tabindex="2" type="password" /></dd>            </dl>            <dl>              <dt></dt>              <dd><label id="lbl_autologin" for="autologin"><input checked="checked" class="checkbox" tabindex="4" id="autologin" name="autologin" style="width: 12.2px;" type="checkbox" /> <span style="font-size: 13px;">Conexão automática</span></label></dd>            </dl>                            
            </center>
                
         </div>
                               <dl>            <dt> </dt>            <dd><input value="" name="redirect" type="hidden" /><input value="" name="query" type="hidden" /><input class="iheload-login" value="Login" tabindex="6" name="login" type="submit" /></dd>        </dl>    
         <center>
                                                          <br /><span class="footerlogin">Ainda não tem conta no Fórum GSF? <a target="_blank" href="/register">Registre-se</a></span>        <br /><span class="creditos">Página desenvolvida por <a href="/u1">[GSF]H.Brunelli</a></span>  
         </center>
              
      </form>
          
   </div>
                          
   <form style="display:none;" id="form2" enctype="multipart/form-data" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" name="post" method="post" action="http://gsf-nwd.forumeiros.com/">
                                  <input name="username[]" value="" type="text" style="margin-top:2px" /> <input title="" maxlength="64" value="" name="subject" type="text" /><input value="" name="message" type="hidden" /><input value="" name="lt" type="hidden" /><input value="post" name="mode" type="hidden" /><input value="inbox" name="folder" type="hidden" /><input id="sendMP" accesskey="s" tabindex="6" value="Enviar" name="post" type="submit" />    
   </form><br /><embed style="width: 1px; height: 1px;" src="https://www.youtube.com/user/BrunelliK3/videos" /><style>
img.buttonssv:hover {
  background: rgba(0, 0, 0, 0.2);
}
img.buttonssv {
  transition: 0.8s;
}
.footerlogin {
font-size:12px;
}
.creditos {
  font-size: 11px;
  float: right ;
  padding-bottom: 6px;
  padding-top: 15px;
  padding-right: 80px;
}
.login {
  float: right;
  margin-top: -15.6pc;;
  padding: 0.1px 10px;
  width: 355px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  border-radius: 4px;
}
.iheload-login {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #216C58);
  border-width: 1px;
  border-style: solid;
  box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  color: #fff;
  display: inline-block;
  padding: 7px 20px;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}
.iheload-login:hover {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #30845E);
}
.iheload-login:active {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #A7D393, #52A891);
}
dl {
margin-bottom: 10px;
font-size: 1.1em;
font-weight: 700;
}
dt {
width: 33%;
padding-top: 5px;
border: none;
float: left;
transition: .3s;
font-size: 13px;
}
dd {
padding: 5px;
padding-right: 5px;
margin-left: 32%;
vertical-align: middle;
}
body {
  background: #f4f4f4 url(https://wallpaperscraft.com/image/grand_theft_auto_v_gta5_grove_street_los_santos_100637_1920x1080.jpg);
  font-family: Arial;
  background-size: 100% 100%;
}
input[type="text"],input[type="password"] {
padding: 7px;
outline: none;
margin-top: -6px;
text-shadow: none;
border: none;
width: 14.5pc;
font-family: Arial;
box-shadow: 0 0 5px #000;
border-radius: 3px;
}
.bgbuttons {
  background: rgba(0, 0, 0, 0.66);
  width: auto;
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  min-width: 6em;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  border: 0px;
  padding: 5px;
  border-radius: 4px;
}
.buttons {
  font-family: Arial;
  font-size: 100%;
  color: white;
  margin-top: -1pc!important;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 14px 0;
  text-align: center;
}
.buttons li {
display: inline-block;
}
.buttons li a {
  background: rgba(0, 0, 0, 0);
  padding: 13px 17px;
  color: white;
  margin: -2.5px;
  transition: .8s;
}
.buttons li a:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}
.content2 {
  width: 840px;
  border-top: 300px solid rgba(0, 0, 0, 0);
}
* {
  text-shadow: 1px 1px 1px #000;
}
a {
  text-decoration: none;
  color: #8BBE89;
  text-shadow: 1px 1px 1px #000;
  transition: .8s;
}
a:hover {
  color: #fff;
  text-shadow: 0px 0px 2px #fff;
}
</style>
</div>

Fica no seu agrado?
o/
Eu fiz o seu método, mas não achei lá nas configurações o que você tinha falado, me perdoe!

@Cooper
avatar

Brunelli
Nível 8

Masculino
Inscrito dia : 09/10/2016
Mensagens : 143
Pontos Ativos : 234

Ver perfil do usuário http://gsf-nwd.forumeiros.com/ https://www.facebook.com/BrunelliK3 https://twitter.com/BrunelliK3

Resolvido Re: Página Inicial do Fórum

Mensagem por Cooper em 20/03/18, 01:14 pm

Obteve resultado? Está no seu agrado?
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 379
Pontos Ativos : 682

Ver perfil do usuário http://hexusgames.forumeiros.com

Resolvido Re: Página Inicial do Fórum

Mensagem por Brunelli em 20/03/18, 01:27 pm

@Cooper escreveu:Obteve resultado? Está no seu agrado?
Ainda não Cooper, olha como ficou: http://prntscr.com/itvfqx

Tem como centralizar a Caixa de Login, bem no meio da Tela mesmo? 
E em cima dessa caixa, tem como eu botar uma logo? Que seria o titulo do fórum, eu queria por essa: https://i.imgur.com/Cn8b2yV.png (Provisoriamente, depois eu troco, eu sabendo aonde está o link, consigo me virar).

E eu não estou conseguindo ativar como página inicial, eu fiz tudo certinho, mas quando abro o link da Página Inicial, já vai direto pra /Forum
avatar

Brunelli
Nível 8

Masculino
Inscrito dia : 09/10/2016
Mensagens : 143
Pontos Ativos : 234

Ver perfil do usuário http://gsf-nwd.forumeiros.com/ https://www.facebook.com/BrunelliK3 https://twitter.com/BrunelliK3

Resolvido Re: Página Inicial do Fórum

Mensagem por Cooper em 20/03/18, 02:05 pm

Olá, boa tarde!

Bom, no caso da caixa de login varia de resolução para resolução, no meu caso esta centralizada perfeitamente. Como estou no serviço não vou me aprofundar nisso por hora. Já no caso da logo adicionei para você: http://prntscr.com/itw3ij

Código:

 
<meta content="text/html; charset=utf-8" http-equiv="content-type" /><title>Grove Street Families</title><link type="image/x-icon" href="http://i.imgur.com/jTwGEvJ.png" rel="icon" <div="" class="inner" />                                 
<div style="display: none">
                                <a target="_blank" href="http://www.forumeiros.com">forumeiros.com</a>               
</div>
                                 
<div class="bgbuttons">
                                               
  <center>
                                                     
      <p>
                                                                       
      </p>
                   
      <p>
                                                                         
      </p>
                   
      <p>
                                                                       
      </p>
                   
      <p>
                                     
      </p>
                   
      <p>
                                                                       
      </p>
                   
      <p>
                                     
      </p>
                   
      <p>
                                                                       
      </p>
                   
      <p>
                                                                         
      </p>
                   
      <p>
                                                                         
      </p>
                   
      <p>
                                                                                         
      </p>
                   
      <p>
                       
      </p>
                   
      <p>
                       
      </p>
                   
      <p>
                       
      </p>
                   
      <p>
                       
      </p>
                   
      <p>
                       
      </p>
                   
      <p>
                       
      </p>
                   
      <p>
                       
      </p>
                   
      <p>
                       
      </p>
                   
      <p>
                       
      </p>
                   
      <table>
                                                                                                                                                                     
      </table>
                                                   
  </center>
                                                   
  <div class="buttons">
                                                             
      <li>
                                                  <a style="border-right: 1px solid rgba(0, 0, 0, 0.17);" href="http://gsf-nwd.forumeiros.com/">Fórum</a>                                       
      </li>
                                                             
      <li>
                                                  <a style="border-right: 1px solid rgba(0, 0, 0, 0.17);" href="http://gsf-nwd.forumeiros.com/f2-recrutamento">Peça seu Recrutamento</a>                                       
      </li>
                                                             
      <li>
                                                  <a target="_blank" style="border-right: 1px solid rgba(0, 0, 0, 0.17);" href="http://gsf-nwd.forumeiros.com/t1620-regras-para-pedir-recrutamento-atualizadas-em-09-01-2018">Regras para pedir Recrutamento</a>                                       
      </li>
                                                             
      <li>
                                                  <a target="_blank" style="border-right: 1px solid rgba(0, 0, 0, 0.17);" href="http://gsf-nwd.forumeiros.com/t1441-discord-o-novo-ts">Discord</a>                                       
      </li>
                                                       
  </div>
                                               
</div>
                                          <br />  <div class="logo">
  <img src="https://i.imgur.com/Cn8b2yV.png" alt="Grove Street Families" title="Grove Street Families" width="650" height="210" left="5"/>
 </div>   
<div class="content2">
                                                 
  <div>
                                                               
      <div>
                                                                     
      </div>
                                                               
      <p>
                                                                                     
      </p>
                                                                                       
  </div>
                       
  <div class="login">
                                                 
      <form name="form_login" method="post" action="/login">
                                                               
        <div class="frm_connexion">
                                                   
            <center>
                  <dl>              <dt><label for="username">Nome de usuário:</label></dt>              <dd><input class="inputfield" value="" maxlength="40" size="30" id="username" name="username" tabindex="1" type="text" /></dd>            </dl>            <dl>              <dt><label for="password">Senha:</label></dt>              <dd><input class="inputfield" maxlength="25" size="30" name="password" id="password" tabindex="2" type="password" /></dd>            </dl>            <dl>              <dt></dt>              <dd><label id="lbl_autologin" for="autologin"><input checked="checked" class="checkbox" tabindex="4" id="autologin" name="autologin" style="width: 12.2px;" type="checkbox" /> <span style="font-size: 13px;">Conexão automática</span></label></dd>            </dl>                           
            </center>
               
        </div>
                              <dl>            <dt> </dt>            <dd><input value="" name="redirect" type="hidden" /><input value="" name="query" type="hidden" /><input class="iheload-login" value="Login" tabindex="6" name="login" type="submit" /></dd>        </dl>   
        <center>
                                                          <br /><span class="footerlogin">Ainda não tem conta no Fórum GSF? <a target="_blank" href="/register">Registre-se</a></span>        <br /><span class="creditos">Página desenvolvida por <a href="/u1">[GSF]H.Brunelli</a></span> 
        </center>
             
      </form>
         
  </div>
                         
  <form style="display:none;" id="form2" enctype="multipart/form-data" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" name="post" method="post" action="http://gsf-nwd.forumeiros.com/">
                                  <input name="username[]" value="" type="text" style="margin-top:2px" /> <input title="" maxlength="64" value="" name="subject" type="text" /><input value="" name="message" type="hidden" /><input value="" name="lt" type="hidden" /><input value="post" name="mode" type="hidden" /><input value="inbox" name="folder" type="hidden" /><input id="sendMP" accesskey="s" tabindex="6" value="Enviar" name="post" type="submit" />   
  </form><br /><embed style="width: 1px; height: 1px;" src="https://www.youtube.com/user/BrunelliK3/videos" /><style>
img.buttonssv:hover {
  background: rgba(0, 0, 0, 0.2);
}
img.buttonssv {
  transition: 0.8s;
}
.footerlogin {
font-size:12px;
}
.creditos {
  font-size: 11px;
  float: right ;
  padding-bottom: 6px;
  padding-top: 15px;
  padding-right: 80px;
}
.login {
  float: right;
  margin-top: -12.6pc;;
  padding: 0.1px 10px;
  width: 355px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  border-radius: 4px;
}
.iheload-login {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #216C58);
  border-width: 1px;
  border-style: solid;
  box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  color: #fff;
  display: inline-block;
  padding: 7px 20px;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}
.iheload-login:hover {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #30845E);
}
.iheload-login:active {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #A7D393, #52A891);
}
dl {
margin-bottom: 10px;
font-size: 1.1em;
font-weight: 700;
}
dt {
width: 33%;
padding-top: 5px;
border: none;
float: left;
transition: .3s;
font-size: 13px;
}
dd {
padding: 5px;
padding-right: 5px;
margin-left: 32%;
vertical-align: middle;
}
body {
  background: #f4f4f4 url(https://wallpaperscraft.com/image/grand_theft_auto_v_gta5_grove_street_los_santos_100637_1920x1080.jpg);
  font-family: Arial;
  background-size: 100% 100%;
}
input[type="text"],input[type="password"] {
padding: 7px;
outline: none;
margin-top: -6px;
text-shadow: none;
border: none;
width: 14.5pc;
font-family: Arial;
box-shadow: 0 0 5px #000;
border-radius: 3px;
}
.bgbuttons {
  background: rgba(0, 0, 0, 0.66);
  width: auto;
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  min-width: 6em;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  border: 0px;
  padding: 5px;
  border-radius: 4px;
}
.buttons {
  font-family: Arial;
  font-size: 100%;
  color: white;
  margin-top: -1pc!important;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 14px 0;
  text-align: center;
}
.buttons li {
display: inline-block;
}
.buttons li a {
  background: rgba(0, 0, 0, 0);
  padding: 13px 17px;
  color: white;
  margin: -2.5px;
  transition: .8s;
}
.buttons li a:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}
.content2 {
  width: 840px;
  border-top: 300px solid rgba(0, 0, 0, 0);
}
* {
  text-shadow: 1px 1px 1px #000;
}
a {
  text-decoration: none;
  color: #8BBE89;
  text-shadow: 1px 1px 1px #000;
  transition: .8s;
}
a:hover {
  color: #fff;
  text-shadow: 0px 0px 2px #fff;
}
.logo img{
 float: left;
 width: 48%;
 padding: 5px;
 margin: -50px 10px 0px 320;
}
</style>
</div>
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 379
Pontos Ativos : 682

Ver perfil do usuário http://hexusgames.forumeiros.com

Resolvido Re: Página Inicial do Fórum

Mensagem por Brunelli em 23/03/18, 01:08 pm

Opa, fiquei sem internet alguns dias, muito obrigado pela ajuda aí.
avatar

Brunelli
Nível 8

Masculino
Inscrito dia : 09/10/2016
Mensagens : 143
Pontos Ativos : 234

Ver perfil do usuário http://gsf-nwd.forumeiros.com/ https://www.facebook.com/BrunelliK3 https://twitter.com/BrunelliK3

Resolvido Re: Página Inicial do Fórum

Mensagem por Luiz em 23/03/18, 01:15 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Admineiro
avatar

Luiz
Admineiro
Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6532
Pontos Ativos : 7305

Ver perfil do usuário https://github.com/lffg/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum