Como criar uma pagina HTML que seja inicial do Fórum ,

[EDU2010]

Detalhes da questão

Endereço do fórum: http://criadoresdepassaros.com
Versão do fórum: phpBB3

Descrição

quero um modelo siples de uma pagina HTML que apareça antes de acessar o Fórum após esta pagina a pessoa tem acessso ao Fórum , esta pagina deve conter falando sobre o Fórum e imagem de algusn artigos apenas isso e vou colocar tres blocos de anuncios nela





Pode ser igual este modelo ou semelhante nao exatamente assim obrigado a todos que ajudarem

[Konai]

Saudações amigo!

Seria mais ou menos isto:

Código:

<title>Painel de login</title>        <meta charset="utf-8" />        <style type="text/css">
        @font-face {
          font-family: 'Sigmar One';
          font-style: normal;
          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-color: black;
            -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;
        }
        a:hover {
            color: grey;
        }
        #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('http://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?">
                      
   <p id="logo">
          forumname   
   </p>
                      
   <div id="wrap">
                          <a href="/register" id="register">Registre-se</a>                   
      <hr />
                          <label for="username">                    Nome:                    <input type="text" name="username" />                </label>                  <label for="password">                    Senha:                    <input type="password" name="password" />                </label>                  <label for="login">                    <input value="Login" type="submit" name="login" />                </label>                   
      <hr />
                          <label for="sendpassword">                    <a href="/profile?mode=sendpassword">Esqueci minha senha</a>                </label>                  <label for="autologin">                    <input type="checkbox" class="radio" checked="checked" tabindex="4" id="autologin" name="autologin" /> Conexão automática                </label>               
   </div>
   <div align="center">
      <a href="https://www.forumeiros.com" target="_blank">Página hospedada no serviço Forumeiros</a>
   </div>
          
</form>

Ainda adicionarei o resto.

OBS: Caso o senhor queira que ao tentar logar pelo fórum a pessoa seja redirecionada ao painel de login da página HTML, utilize este JS(criando um novo com investimento em todas as páginas):

Código:

$(function(){
    $('a[href="/login"]').attr('href','hID-');
});

Pode ver que no código acima há a palavra "ID" que deve ser o número da página HTML, como por exemplo "h1-".
Caso não queira que seja redirecionado ao já estar no fórum, mantenha sem o código JS!

Att.

[EDU2010]

onde coloco isso ?

[Luiz]

Em uma nova página HTML no seu fórum:
Painel de Controle -> Módulos -> Gestão das Páginas HTML.

o/

[Luiz]

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