Página Inicial Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Página Inicial

3 participantes

Ir para baixo

Tópico resolvido Página Inicial

Mensagem por Vete 21.06.20 1:45

Detalhes da questão


Endereço do fórum: https://soa-nwdgames.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá meus amigos, não consegui localizar o tutorial, mas gostaria de criar um página inicial semelhante a esta
https://ritys-nwd.forumeiros.com/

Não quero plagiar, só quero um tutorial para que eu possa conseguir fazer.
Obrigado Muito feliz
Vete
Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial

Mensagem por Chanp 21.06.20 2:03

Olá @Vete,

Não há um tutorial específico para fazer uma página deste tipo porque é necessário que o criador tenha conhecimento de HTML e CSS. No entanto, o nosso fórum disponibiliza alguns conhecimentos básicos que você pode ter uma noção de como fazer a página:

https://ajuda.forumeiros.com/t93132-
https://ajuda.forumeiros.com/t95417-

Caso você tenha uma ideia do que quer na sua página HTML, eu posso fazer uma sem problemas, mas não posso copiar a página disponibilizada.

Chanp
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial

Mensagem por Vete 21.06.20 2:23

Chanp escreveu:Olá @Vete,

Não há um tutorial específico para fazer uma página deste tipo porque é necessário que o criador tenha conhecimento de HTML e CSS. No entanto, o nosso fórum disponibiliza alguns conhecimentos básicos que você pode ter uma noção de como fazer a página:

https://ajuda.forumeiros.com/t93132-
https://ajuda.forumeiros.com/t95417-

Caso você tenha uma ideia do que quer na sua página HTML, eu posso fazer uma sem problemas, mas não posso copiar a página disponibilizada.

Chanp

Olá, eu gostaria de uma página em que eu pudesse adicionar alguma arte criada por mim, com os botões de "acessar o fórum" e "registra-se"
Sei que ficou parecido com o da imagem, mas é o que eu tenho vontade de fazer
Obrigado pela atenção.
Vete
Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial

Mensagem por tikky 21.06.20 18:43

Olá @Vete,

Criei uma página baseada ao seu pedido, porém usei a imagem de fundo do fórum citado, peço que mude:
Código:
<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
      <title>Conecte-se no fórum</title>
      <link type="image/png" href="https://i.imgur.com/J7Rf7af_d.jpg" rel="icon" />
      <link rel="stylesheet" href="https://forumeiros.github.io/resources/bootstrap/bootstrap.min.css" />
      <link rel="stylesheet" href="https://forumeiros.github.io/resources/font-awesome/css/font-awesome.min.css" />
      <style>
         html,
         body {
         background: url("https://i.imgur.com/1B1uPvR.jpg") no-repeat;
         height: 100%;
         }
         body {
         padding-top: 5em;
         display: -ms-flexbox;
         display: flex;
         color: #fff;
         text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
         box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
         }
      </style>
   </head>
   <body class="text-center">
      <!-- Start Container -->
      <div class="container">
         <h1 class="font-weight-bold">Título</h1>
         <p class="lead">Descrição</p>
         <p class="lead">
            <a href="/forum" class="btn btn-lg btn-outline-warning">Acessar o fórum</a>
            <a href="/register" class="btn btn-lg btn-outline-warning">Registra-se</a>
         </p>
         <!-- Start Footer -->
         <footer class="text-muted text-center text-small pt-5 d-none">
            <!-- Start Copyright -->
            <p class="mb-1">️ Feita com <i class="fa fa-heart text-danger"></i> <a class="text-muted" href="https://forumeiros.com">Forumeiros.com</a> com <b>Bootstrap</b>.</p>
            <!-- ./End Copyright -->
            <!-- Start Fast Access -->
            <ul class="list-inline">
               <li class="list-inline-item"><a href="/forum">Início</a></li>
               <li class="list-inline-item"><a href="/faq">FAQ</a></li>
               <li class="list-inline-item"><a href="/privacy">Política de Confidencialidade</a></li>
               <li class="list-inline-item"><a href="/profile?mode=sendpassword">Esqueceu a senha?</a></li>
            </ul>
            <!-- ./End Fast Access -->
         </footer>
         <!-- ./End Footer -->
      </div>
      <!-- ./End Container -->
   </body>
</html>


Cordialmente,
pedxz.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial

Mensagem por Vete 21.06.20 20:13

pedxz escreveu:Olá @Vete,

Criei uma página baseada ao seu pedido, porém usei a imagem de fundo do fórum citado, peço que mude:
Código:
<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
      <title>Conecte-se no fórum</title>
      <link type="image/png" href="https://i.imgur.com/J7Rf7af_d.jpg" rel="icon" />
      <link rel="stylesheet" href="https://forumeiros.github.io/resources/bootstrap/bootstrap.min.css" />
      <link rel="stylesheet" href="https://forumeiros.github.io/resources/font-awesome/css/font-awesome.min.css" />
      <style>
         html,
         body {
         background: url("https://i.imgur.com/1B1uPvR.jpg") no-repeat;
         height: 100%;
         }
         body {
         padding-top: 5em;
         display: -ms-flexbox;
         display: flex;
         color: #fff;
         text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
         box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
         }
      </style>
   </head>
   <body class="text-center">
      <!-- Start Container -->
      <div class="container">
         <h1 class="font-weight-bold">Título</h1>
         <p class="lead">Descrição</p>
         <p class="lead">
            <a href="/forum" class="btn btn-lg btn-outline-warning">Acessar o fórum</a>
            <a href="/register" class="btn btn-lg btn-outline-warning">Registra-se</a>
         </p>
         <!-- Start Footer -->
         <footer class="text-muted text-center text-small pt-5 d-none">
            <!-- Start Copyright -->
            <p class="mb-1">️ Feita com <i class="fa fa-heart text-danger"></i> <a class="text-muted" href="https://forumeiros.com">Forumeiros.com</a> com <b>Bootstrap</b>.</p>
            <!-- ./End Copyright -->
            <!-- Start Fast Access -->
            <ul class="list-inline">
               <li class="list-inline-item"><a href="/forum">Início</a></li>
               <li class="list-inline-item"><a href="/faq">FAQ</a></li>
               <li class="list-inline-item"><a href="/privacy">Política de Confidencialidade</a></li>
               <li class="list-inline-item"><a href="/profile?mode=sendpassword">Esqueceu a senha?</a></li>
            </ul>
            <!-- ./End Fast Access -->
         </footer>
         <!-- ./End Footer -->
      </div>
      <!-- ./End Container -->
   </body>
</html>


Cordialmente,
pedxz.

Claro, eu mudo sim
Desculpe a ignorância, mas eu coloco onde esse código?
Vete
Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial

Mensagem por Chanp 21.06.20 20:16

Olá,

Aceda a:
Painel de Controle Flecha ajudeiros Módulos Flecha ajudeiros HTML & JAVASCRIPT Flecha ajudeiros Gestão das páginas HTML Flecha ajudeiros Criar no modo avançado (HTML).


Título: A seu critério.
Você deseja utilizar o início e o final da página do seu fórum? Não.
Usar esta página como página inicial? Sim.

Conteúdo da página: Cole nesta área de texto o código passado pelo Pedxz.

Chanp
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial

Mensagem por Vete 21.06.20 20:28

Chanp escreveu:Olá,

Aceda a:
Painel de Controle Flecha ajudeiros Módulos Flecha ajudeiros HTML & JAVASCRIPT Flecha ajudeiros Gestão das páginas HTML Flecha ajudeiros Criar no modo avançado (HTML).


Título: A seu critério.
Você deseja utilizar o início e o final da página do seu fórum? Não.
Usar esta página como página inicial? Sim.

Conteúdo da página: Cole nesta área de texto o código passado pelo Pedxz.

Chanp

Muito obrigado, meus amigos da forumeiros
Desculpe abusar, mas sabe me dizer as dimensões da imagem de fundo para se adequar a página em uma boa resolução?
Vete
Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial

Mensagem por Chanp 21.06.20 21:47

Isso depende muito de cada tela. Como a imagem ocuparia toda a tela, com as configurações atuais, em algumas telas a imagem pode ficar perfeita e em outras pode ser "comida" alguma parte. A imagem do fórum mencionado na mensagem inicial tem dimensão de 1920x1080. Com essa dimensão, nenhuma parte da tela ficará em branco, no entanto, em algumas telas (como a minha), a imagem será mais aproximada.

Chanp
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial

Mensagem por Vete 22.06.20 0:29

Chanp escreveu:Isso depende muito de cada tela. Como a imagem ocuparia toda a tela, com as configurações atuais, em algumas telas a imagem pode ficar perfeita e em outras pode ser "comida" alguma parte. A imagem do fórum mencionado na mensagem inicial tem dimensão de 1920x1080. Com essa dimensão, nenhuma parte da tela ficará em branco, no entanto, em algumas telas (como a minha), a imagem será mais aproximada.

Chanp

Olá meu amigo, consegui adicionar a página, no entanto, o botão "Acessar o site" não está funcionando.
Ele não redireciona ao fórum
Vete
Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial

Mensagem por Chanp 22.06.20 0:35

Basta limpar o histórico do seu navegador que irá funcionar devidamente.

Chanp
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial

Mensagem por Vete 22.06.20 0:42

Deu tudo certinho, muito obrigado
Vete
Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial

Mensagem por Chanp 22.06.20 1:29

Tópico resolvido


Movido para "Questões resolvidas".
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos