Pagina inicial html

4 participantes

Ir para baixo

Tópico resolvido Pagina inicial html

Mensagem por xDominiC_. 05.01.18 13:19

Detalhes da questão


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

Descrição


ola queria sabe como eu faço para coloca uma pagina dessa no meu forum so que com minhas caracteristicas

inicial - Pagina inicial html Screen10


Última edição por xDominiC_. em 06.01.18 14:58, editado 1 vez(es)
xDominiC_.
xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial html

Mensagem por PrisoN†BreaK 05.01.18 14:04

Olá, poderia me passar o link da página onde viu tal efeito?

Quais mudanças você quer?
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial html

Mensagem por xDominiC_. 05.01.18 15:30

lsr-nwd.forumeiros.com

as mudanças que eu quero e que tudo que esta em azul fique em vermelho e la em cima o icone do tubarao e as letras tire porfavor e no lugar de Light Speed Racing Coloca TheRevenGe Com as letras TRG em vermelho e o resto branco e a seta que esta em baixo que mostra os criadores depois eu edito
xDominiC_.
xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial html

Mensagem por Harleen 05.01.18 16:21

Olá, edite esse código de acordo com os passos indicados na minha mensagem neste tópico.

Lembrando, se remover meu nome dos créditos a página não funcionará

P.S. eu editei, só falta a imagem de fundo... veja se é assim que deseja.

Código:
<style type="text/css">
h1 {
  color: #d9534f !important;
}
.mbr-fullscreen {
  background-image: url('http://cdn.pcwallart.com/images/tomb-raider-wallpaper-1920x1080-wallpaper-1.jpg');
}
[class^="socicon-"]:before, [class*=" socicon-"]:before {
  line-height: 1.3 !important;
}
.socicon:before {
    font-size: x-large;
}
</style>
    <html>
    <head>
      <!-- Site made with Mobirise Website Builder v4.0.16, https://mobirise.com -->
      <!-- Pagina criada por Harleen Ex-Ajudeira - Fórum dos Fóruns -->
      <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 href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i"/>
        <link href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet"/>
        <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700" rel="stylesheet"/>
        <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"/>
        <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"/>
        <link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/mobirise/css/mbr-additional.css" type="text/css"/>
 
 
 
    </head>
    <body>
    <section class="mbr-fullscreen mbr-parallax-background" id="header2-2" data-rv-view="63">

 

        <div class="mbr-overlay" style="opacity: 0.7; 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">T<font color="#fff">he</font> R<font color="#fff">even</font> G<font color="#fff">e</font></h1>         
                <div class="mbr-section-btn">
                    <a class="btn btn-outline-danger" href="/register"><i class="fa fa-pencil-square-o fa-2x" aria-hidden="true"></i> CRIAR CONTA</a>
                    <a class="btn btn-outline-danger" href="/forum"><i class="fa fa-sign-in fa-2x" aria-hidden="true"></i>&nbsp; ENTRAR NO FÓRUM</a>
                    <a class="btn btn-outline-danger" href="" target="_blank"><span class="socicon socicon-steam mbr-iconfont mbr-iconfont-btn"></span>BOTÃO SOCIAL</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 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">
                      © Página criada por <a href="http://ajuda.forumeiros.com/u47631" target="_blank" class="text-white">Harleen</a>&nbsp;| Nome do dono do fórum &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>
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial html

Mensagem por xDominiC_. 05.01.18 21:50

ola muito bom so que a setinha esta meio fora da bolinha se puder ajeitar e quando clicka nela tem os negocios em baixos tem como eu colocar um avatar e embaixo o nome do criador do forum?? e o botao social retirar tambem porfavor
e o TheRevenGe esta separado
xDominiC_.
xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial html

Mensagem por Harleen 06.01.18 0:06

Troque o código por esse.

Código:
<style type="text/css">
h1 {
  color: #d9534f !important;
}
.mbr-arrow > a > i {
top: -3px !important;
}
.mbr-fullscreen {
  background-image: url('http://2.bp.blogspot.com/-mvB7wbTBoac/TqtxWTy2TxI/AAAAAAAAAOU/f6pydr_7aSk/s1600/capoeira.jpg');
}
[class^="socicon-"]:before, [class*=" socicon-"]:before {
  line-height: 1.3 !important;
}
.socicon:before {
  font-size: x-large;
}
</style>
    <html>
    <head>
      <!-- Site made with Mobirise Website Builder v4.0.16, https://mobirise.com -->
      <!-- Pagina criada por Harleen Ex-Ajudeira - Fórum dos Fóruns -->
      <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 href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i"/>
        <link href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet"/>
        <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700" rel="stylesheet"/>
        <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"/>
        <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"/>
        <link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/mobirise/css/mbr-additional.css" type="text/css"/>
 
 
 
    </head>
    <body>
    <section class="mbr-fullscreen mbr-parallax-background" id="header2-2" data-rv-view="63">

   

        <div class="mbr-overlay" style="opacity: 0.7; 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">T<font color="#fff">he</font>R<font color="#fff">even</font>G<font color="#fff">e</font>
            </h1>
            <div class="mbr-section-btn">
              <a class="btn btn-outline-danger" href="/register"><i class="fa fa-pencil-square-o fa-2x" aria-hidden="true"></i> CRIAR CONTA</a>           
              <a class="btn btn-outline-danger" href="/forum"><i class="fa fa-sign-in fa-2x" aria-hidden="true"></i>&nbsp; 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>
            <div class="row media-row">
           
            <div class="team-item col-lg-3 col-md-6">
                    <div class="item-image">
                      <img src="http://orig05.deviantart.net/f394/f/2012/083/f/3/lara_croft_and_the_guardian_of_light_icon_v1_by_kamizanon-d4tsva7.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">
                              Membro 1
                            </p>
                        </div>
                   
                   
                    </div>
                </div><div class="team-item col-lg-3 col-md-6">
                    <div class="item-image">
                      <img src="http://orig05.deviantart.net/f394/f/2012/083/f/3/lara_croft_and_the_guardian_of_light_icon_v1_by_kamizanon-d4tsva7.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">
                              Membro 2
                            </p>
                        </div>
                   
                   
                    </div>
                </div><div class="team-item col-lg-3 col-md-6">
                    <div class="item-image">
                      <img src="http://orig05.deviantart.net/f394/f/2012/083/f/3/lara_croft_and_the_guardian_of_light_icon_v1_by_kamizanon-d4tsva7.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">
                              Membro 3
                            </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">
                      © Página criada por <a href="http://ajuda.forumeiros.com/u47631" target="_blank" class="text-white">Harleen</a>&nbsp;| Nome do dono do fórum &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>

Eu pensei que não queria a parte da equipe...
Quanto a seta nessa parte do código, vá alterando o valor do top até que fique centralizado.

Código:
.mbr-arrow > a > i {
top: -3px !important;
}
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial html

Mensagem por xDominiC_. 06.01.18 14:58

Obrigado pode fechar
xDominiC_.
xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial html

Mensagem por Ketholy 06.01.18 15:01

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

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