Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Página Inicial como Login

4 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

Ir para baixo

Tópico resolvido Página Inicial como Login

Mensagem por LucasPofahl 16.11.17 17:45

Detalhes da questão


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

Descrição


Boa Tarde.

Oque gostaria: Gostaria de mudar a página inicial do meu fórum , vi em alguns fóruns mais elaborados que a página inicial deles é o Login e Register.Gostaria de fazer também se for possivel.

Ex:https://i.servimg.com/u/f62/19/78/52/23/modelo10.png

Obs:O exemplo é feio , mas é como eu imaginei na hora, Fiz no paint KKKK
LucasPofahl
LucasPofahl
*

Membro desde : 04/10/2017
Mensagens : 37
Pontos : 53

http://deltaforcecompany.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial como Login

Mensagem por Luiz 16.11.17 17:53

Olá,

Por favor, dê uma olhada aqui:
-> https://ajuda.forumeiros.com/t110622-pedido-pagina-inicial-basica-em-html?highlight=html+p%E1gina

o/

Tópico movido de 'Outras questões' para 'Questões sobre códigos'.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial como Login

Mensagem por LucasPofahl 16.11.17 18:02

Não deu certo :/

Não aparece nada Em choque
LucasPofahl
LucasPofahl
*

Membro desde : 04/10/2017
Mensagens : 37
Pontos : 53

http://deltaforcecompany.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial como Login

Mensagem por Luiz 16.11.17 18:09

Com este código:
Código:
<!DOCTYPE html>
<html lang="pt">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Nome do Fórum</title>
 
  <style>
      body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
              -ms-flex-direction: column;
                    flex-direction: column;
        min-height: 100vh;
      }

      .fa-menu {
        background-color: #d0d0d0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
              -ms-flex-direction: row;
                    flex-direction: row;
        -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                    justify-content: space-between;
        -webkit-box-align: center;
              -ms-flex-align: center;
                    align-items: center;
      }

      .fa-menu .fa-nav-brand a {
        display: inline-block;
        margin: 20px 10px;
        padding: 20px;
        background-color: #f0f0f0;
        font-family: "Gegoria", serif;
        color: #333;
        text-decoration: none;
        font-size: 21px;
        -webkit-transition: all 120ms linear;
        transition: all 120ms linear;
      }

      .fa-menu .fa-nav-brand a:hover {
        background-color: #333;
        color: #f0f0f0;
      }

      .fa-menu .fa-navlinks {
        margin-right: 20px;
      }

      .fa-menu .fa-navlinks a {
        padding: 10px;
        font-size: 18px;
        font-family: "Georgia", serif;
        background-color: #f0f0f0;
        color: #555;
        border-radius: 6px;
        text-decoration: none;
        margin-left: 10px;
        -webkit-transition: all 120ms linear;
        transition: all 120ms linear;
      }

      .fa-menu .fa-navlinks a:hover {
        background-color: #555;
        color: #f0f0f0;
      }

      .fa-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
              -ms-flex-direction: column;
                    flex-direction: column;
        -webkit-box-pack: start;
              -ms-flex-pack: start;
                    justify-content: flex-start;
        -webkit-box-align: center;
              -ms-flex-align: center;
                    align-items: center;
        background-color: #a4a0a0;
        -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                    flex-grow: 1;
        padding: 0 10%;
      }

      .fa-main .fa-titles {
        text-align: center;
        color: #fff;
      }

      .fa-main .fa-titles h1 {
        font-size: 40px;
        font-family: "Segoe UI", "Helvetica", sans-serif;
        margin: 20px 0 10px 0;
        font-weight: 700;
        text-transform: uppercase;
      }

      .fa-main .fa-titles p {
        margin: 0;
        margin-bottom: 25px;
        font-size: 18px;
        font-family: "Segoe UI", "Helvetica", sans-serif;
      }

      .fa-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
              -ms-flex-direction: row;
                    flex-direction: row;
      }

      .fa-row > .fa-col {
        margin-right: 20px;
      }

      .fa-row > .fa-col:last-child {
        margin-right: 0;
      }

      .fa-card {
        border: solid 1px #c0c0c0;
        overflow: hidden;
      }

      .fa-card > .fa-card-header {
        background-color: #ccc;
        border-bottom: solid 1px #c0c0c0;
        padding: 15px;
        text-align: center;
      }

      .fa-card > .fa-card-header .lead {
        text-transform: uppercase;
        font-family: "Georgia", serif;
        font-weight: 500;
        font-size: 25px;
        color: #555;
      }

      .fa-card > .fa-card-content {
        padding: 15px;
        background-color: #ddd;
        color: #555;
      }

      @media screen and (max-width: 800px) {
        .fa-main {
            padding: 0 20px;
        }

        .fa-row {
            -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
        }
      }

      ::-moz-selection {
        background-color: #555;
        color: #fff;
      }

      ::selection {
        background-color: #555;
        color: #fff;
      }
  </style>
</head>
<body>
  <nav class="fa-menu">
      <span class="fa-nav-brand">
        <a href="/">LOGO</a>
      </span>
      <div class="fa-navlinks">
        <a href="#">Fórum</a>
        <a href="#">Sobre</a>
        <a href="#">Texto</a>
      </div>
  </nav>
  <section class="fa-main">
      <div class="fa-row">
        <div class="fa-col fa-titles">
            <h1>Forumeiros</h1>
            <p>Mensagem Descritiva</p>
        </div>
      </div>
      <div class="fa-row">
        <div class="fa-col fa-card">
            <header class="fa-card-header">
              <span class="lead">Título</span>
            </header>
            <div class="fa-card-content">
              Lorem ipsum dolor sit amet quae ipsum nulla at dolor ipsum lorem dolor... Lorem ipsum dolor sit amet quae ipsum nulla at dolor ipsum lorem dolor... Lorem ipsum dolor sit amet quae ipsum nulla at dolor ipsum lorem dolor...
            </div>
        </div>
        <div class="fa-col fa-card">
            <header class="fa-card-header">
              <span class="lead">Título</span>
            </header>
            <div class="fa-card-content">
              Lorem ipsum dolor sit amet quae ipsum nulla at dolor ipsum lorem dolor... Lorem ipsum dolor sit amet quae ipsum nulla at dolor ipsum lorem dolor... Lorem ipsum dolor sit amet quae ipsum nulla at dolor ipsum lorem dolor...
            </div>
        </div>
        <div class="fa-col fa-card">
            <header class="fa-card-header">
              <span class="lead">Título</span>
            </header>
            <div class="fa-card-content">
              Lorem ipsum dolor sit amet quae ipsum nulla at dolor ipsum lorem dolor... Lorem ipsum dolor sit amet quae ipsum nulla at dolor ipsum lorem dolor... Lorem ipsum dolor sit amet quae ipsum nulla at dolor ipsum lorem dolor...
            </div>
        </div>
      </div>
  </section>
</body>
</html>

Crie uma nova página HTML, seguindo os passos deste tutorial:
-> https://ajuda.forumeiros.com/t7967-faq-criar-uma-pagina-inicial-html-personalizada

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial como Login

Mensagem por LucasPofahl 16.11.17 18:13

E como que eu mudo do meu jeito?

Como por exemplo http://mixwin-ofc.forumeiros.com/ mas com outra imagem de fundo.Este modelo que queria
LucasPofahl
LucasPofahl
*

Membro desde : 04/10/2017
Mensagens : 37
Pontos : 53

http://deltaforcecompany.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial como Login

Mensagem por Konai 16.11.17 18:43

LucasPofahl escreveu:E como que eu mudo do meu jeito?

Como por exemplo http://mixwin-ofc.forumeiros.com/ mas com outra imagem de fundo.Este modelo que queria
O senhor quer uma igual a essa ou apenas mudar o plano de fundo do código que o senhor está utilizando?
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial como Login

Mensagem por LucasPofahl 16.11.17 18:46

Queria só retirar o botão de discord e adicionar esta imagem de fundo : https://i.servimg.com/u/f11/19/78/52/23/loto10.png

E o ''Entrar no fórum'' seja direcionado á fazer o login.
LucasPofahl
LucasPofahl
*

Membro desde : 04/10/2017
Mensagens : 37
Pontos : 53

http://deltaforcecompany.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial como Login

Mensagem por Konai 16.11.17 19:06

Aqui está:
Código:
<!DOCTYPE html>
<html>
<head>
  <!-- Site made with Mobirise Website Builder v4.0.16, https://mobirise.com -->
  <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="generator" content="Mobirise v4.0.16, mobirise.com"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="shortcut icon" href="" type="image/x-icon"/>
    <meta name="description" content=""/>
  <title>Bem Vindo ao Fórum</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i"/>
    <link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/web/assets/mobirise-icons/mobirise-icons.css"/>
    <link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/tether/tether.min.css"/>
    <link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/socicon/css/styles.css"/>
    <link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/theme/css/style.css"
type="text/css"/>
<style>
@import url(../../../https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(../../../https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url(../../../https://fonts.googleapis.com/css?family=Roboto:400,300,700);
@import url(../../../https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i);

body {
  font-family: Rubik;
  font-style: normal;
  line-height: 1.5;
}
.mbr-section-title {
  font-style: normal;
  line-height: 1.2;
}
.mbr-section-subtitle {
  line-height: 1.3;
}
.mbr-text {
  font-style: normal;
  line-height: 1.6;
}
.display-1 {
  font-family: 'Droid Sans', sans-serif;
  font-size: 4.25rem;
}
.display-2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 3rem;
}
.display-4 {
  font-family: 'Rubik', sans-serif;
  font-size: 1rem;
}
.display-5 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5rem;
}
.display-7 {
  font-family: 'Rubik', sans-serif;
  font-size: 1rem;
}
/* ---- Fluid typography for mobile devices ---- */
/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */
/* 100vw - current viewport width */
/* (48 - 20)  48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */
/* 0.65 - min scale variable, may vary */
@media (max-width: 768px) {
  .display-1 {
    font-size: 3.4rem;
    font-size: calc( 2.1374999999999997rem + (4.25 - 2.1374999999999997) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.4 * (2.1374999999999997rem + (4.25 - 2.1374999999999997) * ((100vw - 20rem) / (48 - 20))));
  }
  .display-2 {
    font-size: 2.4rem;
    font-size: calc( 1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.4 * (1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20))));
  }
  .display-4 {
    font-size: 0.8rem;
    font-size: calc( 1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.4 * (1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20))));
  }
  .display-5 {
    font-size: 1.2rem;
    font-size: calc( 1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.4 * (1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20))));
  }
}
/* Buttons */
.btn {
  font-weight: 500;
  border-width: 2px;
  font-style: normal;
  letter-spacing: 1px;
  margin: .4rem .8rem;
  white-space: normal;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 1rem 3rem;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
}
.btn .mbr-iconfont {
  font-size: 1.6rem;
}
.navbar .btn {
  font-family: 'Rubik', sans-serif;
  font-size: 1rem;
}
.btn-sm {
  font-weight: 500;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 0.6rem 1.5rem;
  border-radius: 3px;
}
.btn-md {
  font-weight: 500;
  letter-spacing: 1px;
  margin: .4rem .8rem !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 1rem 3rem;
  border-radius: 3px;
}
.btn-lg {
  font-weight: 500;
  letter-spacing: 1px;
  margin: .4rem .8rem !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 1.2rem 3.2rem;
  border-radius: 3px;
}
.bg-primary {
  background-color: #00ff26 !important;
}
.bg-success {
  background-color: #c4bc3b !important;
}
.bg-info {
  background-color: #82786e !important;
}
.bg-warning {
  background-color: #879a9f !important;
}
.bg-danger {
  background-color: #b1a374 !important;
}
.btn-primary,
.btn-primary:active,
.btn-primary.active {
  background-color: #00ff26;
  border-color: #00ff26;
  color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #00b31b;
  border-color: #00b31b;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff !important;
  background-color: #00b31b !important;
  border-color: #00b31b !important;
}
.btn-secondary,
.btn-secondary:active,
.btn-secondary.active {
  background-color: #ff3366;
  border-color: #ff3366;
  color: #ffffff;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus {
  color: #ffffff;
  background-color: #e50039;
  border-color: #e50039;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #ffffff !important;
  background-color: #e50039 !important;
  border-color: #e50039 !important;
}
.btn-info,
.btn-info:active,
.btn-info.active {
  background-color: #82786e;
  border-color: #82786e;
  color: #ffffff;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #59524b;
  border-color: #59524b;
}
.btn-info.disabled,
.btn-info:disabled {
  color: #ffffff !important;
  background-color: #59524b !important;
  border-color: #59524b !important;
}
.btn-success,
.btn-success:active,
.btn-success.active {
  background-color: #c4bc3b;
  border-color: #c4bc3b;
  color: #ffffff;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #898429;
  border-color: #898429;
}
.btn-success.disabled,
.btn-success:disabled {
  color: #ffffff !important;
  background-color: #898429 !important;
  border-color: #898429 !important;
}
.btn-warning,
.btn-warning:active,
.btn-warning.active {
  background-color: #879a9f;
  border-color: #879a9f;
  color: #ffffff;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #617479;
  border-color: #617479;
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #ffffff !important;
  background-color: #617479 !important;
  border-color: #617479 !important;
}
.btn-danger,
.btn-danger:active,
.btn-danger.active {
  background-color: #b1a374;
  border-color: #b1a374;
  color: #ffffff;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #8b7d4e;
  border-color: #8b7d4e;
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #ffffff !important;
  background-color: #8b7d4e !important;
  border-color: #8b7d4e !important;
}
.btn-white {
  color: #333333 !important;
}
.btn-white,
.btn-white:active,
.btn-white.active {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #ffffff;
}
.btn-white:hover,
.btn-white:focus,
.btn-white.focus {
  color: #ffffff;
  background-color: #d4d4d4;
  border-color: #d4d4d4;
}
.btn-white.disabled,
.btn-white:disabled {
  color: #ffffff !important;
  background-color: #d4d4d4 !important;
  border-color: #d4d4d4 !important;
}
.btn-black,
.btn-black:active,
.btn-black.active {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
}
.btn-black:hover,
.btn-black:focus,
.btn-black.focus {
  color: #ffffff;
  background-color: #0d0d0d;
  border-color: #0d0d0d;
}
.btn-black.disabled,
.btn-black:disabled {
  color: #ffffff !important;
  background-color: #0d0d0d !important;
  border-color: #0d0d0d !important;
}
.btn-primary-outline,
.btn-primary-outline:active,
.btn-primary-outline.active {
  background: none;
  border-color: #009917;
  color: #009917;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus {
  color: #ffffff;
  background-color: #00ff26;
  border-color: #00ff26;
}
.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
  color: #ffffff !important;
  background-color: #00ff26 !important;
  border-color: #00ff26 !important;
}
.btn-secondary-outline,
.btn-secondary-outline:active,
.btn-secondary-outline.active {
  background: none;
  border-color: #cc0033;
  color: #cc0033;
}
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus {
  color: #ffffff;
  background-color: #ff3366;
  border-color: #ff3366;
}
.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
  color: #ffffff !important;
  background-color: #ff3366 !important;
  border-color: #ff3366 !important;
}
.btn-info-outline,
.btn-info-outline:active,
.btn-info-outline.active {
  background: none;
  border-color: #4b453f;
  color: #4b453f;
}
.btn-info-outline:hover,
.btn-info-outline:focus,
.btn-info-outline.focus {
  color: #ffffff;
  background-color: #82786e;
  border-color: #82786e;
}
.btn-info-outline.disabled,
.btn-info-outline:disabled {
  color: #ffffff !important;
  background-color: #82786e !important;
  border-color: #82786e !important;
}
.btn-success-outline,
.btn-success-outline:active,
.btn-success-outline.active {
  background: none;
  border-color: #767123;
  color: #767123;
}
.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus {
  color: #ffffff;
  background-color: #c4bc3b;
  border-color: #c4bc3b;
}
.btn-success-outline.disabled,
.btn-success-outline:disabled {
  color: #ffffff !important;
  background-color: #c4bc3b !important;
  border-color: #c4bc3b !important;
}
.btn-warning-outline,
.btn-warning-outline:active,
.btn-warning-outline.active {
  background: none;
  border-color: #55666b;
  color: #55666b;
}
.btn-warning-outline:hover,
.btn-warning-outline:focus,
.btn-warning-outline.focus {
  color: #ffffff;
  background-color: #879a9f;
  border-color: #879a9f;
}
.btn-warning-outline.disabled,
.btn-warning-outline:disabled {
  color: #ffffff !important;
  background-color: #879a9f !important;
  border-color: #879a9f !important;
}
.btn-danger-outline,
.btn-danger-outline:active,
.btn-danger-outline.active {
  background: none;
  border-color: #7a6e45;
  color: #7a6e45;
}
.btn-danger-outline:hover,
.btn-danger-outline:focus,
.btn-danger-outline.focus {
  color: #ffffff;
  background-color: #b1a374;
  border-color: #b1a374;
}
.btn-danger-outline.disabled,
.btn-danger-outline:disabled {
  color: #ffffff !important;
  background-color: #b1a374 !important;
  border-color: #b1a374 !important;
}
.btn-black-outline,
.btn-black-outline:active,
.btn-black-outline.active {
  background: none;
  border-color: #000000;
  color: #000000;
}
.btn-black-outline:hover,
.btn-black-outline:focus,
.btn-black-outline.focus {
  color: #ffffff;
  background-color: #333333;
  border-color: #333333;
}
.btn-black-outline.disabled,
.btn-black-outline:disabled {
  color: #ffffff !important;
  background-color: #333333 !important;
  border-color: #333333 !important;
}
.btn-white-outline,
.btn-white-outline:active,
.btn-white-outline.active {
  background: none;
  border-color: #ffffff;
  color: #ffffff;
}
.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline.focus {
  color: #333333;
  background-color: #ffffff;
  border-color: #ffffff;
}
.text-primary {
  color: #00ff26 !important;
}
.text-secondary {
  color: #ff3366 !important;
}
.text-success {
  color: #c4bc3b !important;
}
.text-info {
  color: #82786e !important;
}
.text-warning {
  color: #879a9f !important;
}
.text-danger {
  color: #b1a374 !important;
}
.text-white {
  color: #ffffff !important;
}
.text-black {
  color: #000000 !important;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #009917 !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
  color: #cc0033 !important;
}
a.text-success:hover,
a.text-success:focus {
  color: #767123 !important;
}
a.text-info:hover,
a.text-info:focus {
  color: #4b453f !important;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #55666b !important;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #7a6e45 !important;
}
a.text-white:hover,
a.text-white:focus {
  color: #b3b3b3 !important;
}
a.text-black:hover,
a.text-black:focus {
  color: #4d4d4d !important;
}
.alert-success {
  background-color: #70c770;
}
.alert-info {
  background-color: #82786e;
}
.alert-warning {
  background-color: #879a9f;
}
.alert-danger {
  background-color: #b1a374;
}
.mbr-gallery-filter li.active .btn {
  background-color: #00ff26;
  border-color: #00ff26;
  color: #001904;
}
.mbr-gallery-filter li.active .btn:focus {
  box-shadow: none;
}
.btn-form {
  border-radius: 0;
}
.btn-form:hover {
  cursor: pointer;
}
a,
a:hover {
  color: #00ff26;
}
.mbr-plan-header.bg-primary .mbr-plan-subtitle,
.mbr-plan-header.bg-primary .mbr-plan-price-desc {
  color: #ccffd4;
}
.mbr-plan-header.bg-success .mbr-plan-subtitle,
.mbr-plan-header.bg-success .mbr-plan-price-desc {
  color: #e2dd9d;
}
.mbr-plan-header.bg-info .mbr-plan-subtitle,
.mbr-plan-header.bg-info .mbr-plan-price-desc {
  color: #beb8b2;
}
.mbr-plan-header.bg-warning .mbr-plan-subtitle,
.mbr-plan-header.bg-warning .mbr-plan-price-desc {
  color: #ced6d8;
}
.mbr-plan-header.bg-danger .mbr-plan-subtitle,
.mbr-plan-header.bg-danger .mbr-plan-price-desc {
  color: #dfd9c6;
}
/* Scroll to top button*/
.scrollToTop_wraper {
  opacity: 0 !important;
}
/* Others*/
.note-check a[data-value=Rubik] {
  font-style: normal;
}
.mbr-arrow a {
  color: #ffffff;
}
.form-control-label {
  position: relative;
  cursor: pointer;
  margin-bottom: .357em;
  padding: 0;
}
.alert {
  color: #ffffff;
  border-radius: 0;
  border: 0;
  font-size: .875rem;
  line-height: 1.5;
  margin-bottom: 1.875rem;
  padding: 1.25rem;
  position: relative;
}
.alert.alert-form::after {
  background-color: inherit;
  bottom: -7px;
  content: "";
  display: block;
  height: 14px;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  transform: rotate(45deg);
  width: 14px;
}
.form-control {
  background-color: #f5f5f5;
  box-shadow: none;
  color: #565656;
  font-family: 'Rubik', sans-serif;
  font-size: 1rem;
  line-height: 1.43;
  min-height: 3.5em;
  padding: 1.07em .5em;
}
.form-control,
.form-control:focus {
  border: 1px solid #e8e8e8;
}
.form-active .form-control:invalid {
  border-color: red;
}
.mbr-overlay {
  background-color: #000;
  bottom: 0;
  left: 0;
  opacity: .5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
blockquote {
  font-style: italic;
  padding: 10px 0 10px 20px;
  font-size: 1.09rem;
  position: relative;
  border-color: #00ff26;
  border-width: 3px;
}
ul,
ol,
pre,
blockquote {
  margin-bottom: 2.3125rem;
}
pre {
  background: #f4f4f4;
  padding: 10px 24px;
  white-space: pre-wrap;
}
.navbar-caption {
  font-family: 'Rubik', sans-serif;
  font-size: 1rem;
}
.inactive {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  -webkit-user-drag: none;
  user-drag: none;
}
.mbr-section__comments .row {
  justify-content: center;
}
/* Forms */
.mbr-form .btn {
  margin: .4rem 0;
}
@media (max-width: 767px) {
  .btn {
    font-size: .75rem !important;
  }
  .btn .mbr-iconfont {
    font-size: 1rem !important;
  }
}
/* Social block */
.btn-social {
  font-size: 20px;
  border-radius: 50%;
  padding: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  position: relative;
  border: 2px solid #c0a375;
  border-color: #00ff26;
  color: #232323;
  cursor: pointer;
}
.btn-social i {
  top: 0;
  line-height: 44px;
  width: 44px;
}
.btn-social:hover {
  color: #fff;
  background: #00ff26;
}
.btn-social + .btn {
  margin-left: .1rem;
}
/* Footer */
.mbr-footer-content li::before,
.mbr-footer .mbr-contacts li::before {
  background: #00ff26;
}
.mbr-footer-content li a:hover,
.mbr-footer .mbr-contacts li a:hover {
  color: #00ff26;
}
/* Headers*/
.cid-qrzjZRcfzj {
  background-image: url("https://i11.servimg.com/u/f11/19/78/52/23/loto10.png");
}
.cid-qrzjZRcfzj H1 {
  color: #5fef75;
}
.cid-qrzmV6KjG9 {
  padding-top: 30px;
  padding-bottom: 15px;
  background-color: #0b0b0b;
}
.cid-qrzmV6KjG9 .mbr-section-subtitle {
  color: #767676;
}
.cid-qrzmV6KjG9 .media-row {
  display: flex;
  justify-content: center;
}
.cid-qrzmV6KjG9 .team-item {
  transition: all .2s;
  margin-bottom: 2rem;
}
.cid-qrzmV6KjG9 .team-item .item-image img {
  width: 100%;
}
.cid-qrzmV6KjG9 .team-item .item-name p {
  margin-bottom: 0;
}
.cid-qrzmV6KjG9 .team-item .item-role p {
  margin-bottom: 0;
}
.cid-qrzmV6KjG9 .team-item .item-social {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cid-qrzmV6KjG9 .team-item .item-social .socicon {
  color: #232323;
  font-size: 17px;
}
.cid-qrzmV6KjG9 H2 {
  color: #efefef;
}
.cid-qrzmV6KjG9 .item-name {
  color: #efefef;
}
.cid-qrznhOISmE {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #060606;
}
</style>
 
 
 
</head>
<body>
<section class="cid-qrzjZRcfzj mbr-fullscreen mbr-parallax-background" id="header2-2" data-rv-view="63">

   

    <div class="mbr-overlay" style="opacity: 0.6; background-color: rgb(0, 0, 0);"></div>

    <div class="container align-center">
        <div class="media-container-column mbr-white col-md-10 offset-md-1">
            <h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style display-1">
                BEM VINDO AO FÓRUM</h1>
           
           
            <div class="mbr-section-btn">
                <a class="btn btn-md btn-primary-outline display-4" href="/register"><span class="mbri-edit mbr-iconfont mbr-iconfont-btn"></span>CRIAR CONTA</a>
                <a class="btn btn-md btn-primary-outline display-4" href="/login"><span class="mbri-home mbr-iconfont mbr-iconfont-btn"></span>ENTRAR NO FÓRUM</a>
            </div>
        </div>
    </div>
    <div class="mbr-arrow hidden-sm-down" aria-hidden="true">
        <a href="#next">
            <i class="mbri-down mbr-iconfont"></i>
        </a>
    </div>
</section>

<section class="engine"><a href="https://mobirise.co/m">bootstrap table</a></section><section class="features16 cid-qrzmV6KjG9" id="features16-6" data-rv-view="66">
   
   
   
    <div class="container align-center">
        <h2 class="pb-3 mbr-fonts-style mbr-section-title display-2">
            EQUIPE DO FÓRUM</h2>
        <h3 class="pb-5 mbr-section-subtitle mbr-fonts-style mbr-light display-5"></h3>
        <div class="row media-row">
           
        <div class="team-item col-lg-3 col-md-6">
                <div class="item-image">
                  <img src="https://i11.servimg.com/u/f11/19/78/52/23/loto10.png" alt="" title="" media-simple="true"/>
                </div>
                <div class="item-caption py-3">
                    <div class="item-name px-2">
                        <p class="mbr-fonts-style display-5">
                          NOME
                        </p>
                    </div>
                   
                   
                   
                </div>
            </div><div class="team-item col-lg-3 col-md-6">
                <div class="item-image">
                  <img src="https://i11.servimg.com/u/f11/19/78/52/23/loto10.png" alt="" title="" media-simple="true"/>
                </div>
                <div class="item-caption py-3">
                    <div class="item-name px-2">
                        <p class="mbr-fonts-style display-5">
                          NOME
                        </p>
                    </div>
                   
                   
                </div>
            </div></div>   
    </div>
</section>

<section once="" class="cid-qrznhOISmE" id="footer6-7" data-rv-view="76">

   

   

    <div class="container">
        <div class="media-container-row align-center mbr-white">
            <div class="col-12">
                <p class="mbr-text mb-0 mbr-fonts-style display-7">
                    ©️ Criado por <a href="http://ajuda.forumeiros.com/u47631" target="_blank" class="text-white">Harleen</a>&nbsp;| Hospedado em&nbsp;<a href="https://www.forumeiros.com" target="_blank" class="text-white">Forumeiros</a></p>
            </div>
        </div>
    </div>
</section>


  <script src="https://arquivosdiversos.github.io/mixwin/assets/web/assets/jquery/jquery.min.js"></script>
  <script src="https://arquivosdiversos.github.io/mixwin/assets/tether/tether.min.js"></script>
  <script src="https://arquivosdiversos.github.io/mixwin/assets/bootstrap/js/bootstrap.min.js"></script>
  <script src="https://arquivosdiversos.github.io/mixwin/assets/smooth-scroll/smooth-scroll.js"></script>
  <script src="https://arquivosdiversos.github.io/mixwin/assets/jarallax/jarallax.min.js"></script>
  <script src="https://arquivosdiversos.github.io/mixwin/assets/theme/js/script.js"></script>
 
 
</body>
</html>

Att! Feliz
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial como Login

Mensagem por LucasPofahl 17.11.17 16:07

Muito Obrigado Mano , funcionou perfeitamente. Tchau
LucasPofahl
LucasPofahl
*

Membro desde : 04/10/2017
Mensagens : 37
Pontos : 53

http://deltaforcecompany.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Inicial como Login

Mensagem por Ketholy 17.11.17 16:22

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

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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