Formular página inicial do forum

por Raazor_Vilhena 28.03.19 12:47

Detalhes da questão

Endereço do fórum: http://forum.brasilplaygames.com.br
Versão do fórum: ModernBB

Descrição

Bom dia,

Criei uma página html pro meu fórum hoje, no entanto ela está mal formulada e não surtiu efeito no fórum, tentei alguns ajustes nela mas sem resultado..

https://pastebin.com/2t1wkxzY

por Harleen 28.03.19 14:29

Olá, você tem de hospedar os códigos para que possa funcionar, as que eu crio, hospedo no github, você pode ver mais nesses tópicos.

Seta

https://ajuda.forumeiros.com/t110416-
Seta

https://ajuda.forumeiros.com/t111800-

Até mais.

por Raazor_Vilhena 28.03.19 18:58

oi @Harleen,

desta forma?
https://razorvilhena.github.io/bpg/

por Harleen 28.03.19 19:20

Raazor_Vilhena escreveu:oi @Harleen,

desta forma?
https://razorvilhena.github.io/bpg/

Sim... agora você insere o link do repositório nos demais, por exemplo.

Código:: <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/web/assets/mobirise-icons/mobirise-icons.css"> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/tether/tether.min.css"> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/bootstrap/css/bootstrap-grid.min.css"> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/bootstrap/css/bootstrap-reboot.min.css"> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/socicon/css/styles.css"> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/dropdown/css/style.css"> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/theme/css/style.css"> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/mobirise/css/mbr-additional.css" type="text/css">

por Raazor_Vilhena 28.03.19 19:30

Código:: <!DOCTYPE html> <html > <head>  <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="generator" content="Mobirise v4.9.7, mobirise.com"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <link rel="shortcut icon" href="assets/images/ek8grnq-122x40.png" type="image/x-icon"> <meta name="description" content=""> <title>Brasil PlayGames</title> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/web/assets/mobirise-icons/mobirise-icons.css"> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/tether/tether.min.css"> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/bootstrap/css/bootstrap-grid.min.css"> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/bootstrap/css/bootstrap-reboot.min.css"> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/socicon/css/styles.css"> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/dropdown/css/style.css"> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/theme/css/style.css"> <link rel="stylesheet" href="https://razorvilhena.github.io/bpg/assets/mobirise/css/mbr-additional.css" type="text/css"> </head> <body> <section class="menu cid-rlZpcL78sK" once="menu" id="menu1-5"> <nav class="navbar navbar-expand beta-menu navbar-dropdown align-items-center navbar-fixed-top navbar-toggleable-sm"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <div class="hamburger"> <span></span> <span></span> <span></span> <span></span> </div> </button> <div class="menu-logo"> <div class="navbar-brand"> </div> </div> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav nav-dropdown nav-right navbar-nav-top-padding" data-app-modern-menu="true"><li class="nav-item"> <a class="nav-link link text-white display-4" href="http://forum.brasilplaygames.com.br/forum" target="_blank"> <span class="mbri-home mbr-iconfont mbr-iconfont-btn"></span> Fórum</a> </li> <li class="nav-item"> <a class="nav-link link text-white display-4" href="index.html#counters2-b"><span class="mbri-globe mbr-iconfont mbr-iconfont-btn"></span>Mídias</a> </li><li class="nav-item dropdown"><a class="nav-link link text-white display-4" href="index.html#services1-m" aria-expanded="false"><span class="mbri-star mbr-iconfont mbr-iconfont-btn"></span> Benefícios</a></li><li class="nav-item"><a class="nav-link link text-white display-4" href="https://forum.brasilplaygames.com.br/f54-regras-servidor-e-forum" aria-expanded="false" target="_blank"><span class="mbri-question mbr-iconfont mbr-iconfont-btn"></span> Regras</a></li><li class="nav-item"><a class="nav-link link text-white display-4" href="https://forum.brasilplaygames.com.br/f52-area-de-screenshots" aria-expanded="false" target="_blank"><span class="mbri-camera mbr-iconfont mbr-iconfont-btn"></span> Galeria</a></li><li class="nav-item"><a class="nav-link link text-white display-4" href="https://forum.brasilplaygames.com.br/f49-area-de-downloads" aria-expanded="false" target="_blank"><span class="mbri-down mbr-iconfont mbr-iconfont-btn"></span> Downloads</a></li><li class="nav-item"><a class="nav-link link text-white display-4" href="https://wiki.sa-mp.com/wiki/Vehicles:All" aria-expanded="false" target="_blank"><span class="mbri-delivery mbr-iconfont mbr-iconfont-btn"></span> Carros</a></li><li class="nav-item dropdown"><a class="nav-link link text-white display-4" href="http://www.brasilplaygames.com.br/skins.htm" aria-expanded="false" target="_blank"><span class="mbri-italic mbr-iconfont mbr-iconfont-btn"></span> Skins</a></li></ul> </div> </nav> </section> <section class="engine"><a href="https://mobirise.info/i">free site creation software</a></section><section class="cid-qTkA127IK8 mbr-fullscreen mbr-parallax-background" id="header2-1"> <div class="mbr-overlay" style="opacity: 0.5; background-color: rgb(33, 66, 108);"></div> <div class="container align-center"> <div class="row justify-content-md-center"> <div class="mbr-white col-md-10"> <h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style display-2"><em>BRASIL PLAY GAMES  </em></h1> <p class="mbr-text pb-3 mbr-fonts-style display-7">Nosso servidor foi iniciado com um gamemode simples e aos poucos fomos nos aperfeiçoando e até hoje estamos nos atualizando, temos sistemas únicos, todo nosso gamemode foi feito por nós, sem cópias e com pura criatividade.<br>Nosso servidor foi fundado em 18/08/2009. <br><br>Fique por dentro de tudo que acontece em nosso servidor, acesse:</p> <div class="mbr-section-btn"><a class="btn btn-md btn-white-outline display-4" href="http://gtasamp.com.br" target="_blank"><span class="mbri-desktop mbr-iconfont mbr-iconfont-btn"></span>JOGAR</a> <a class="btn btn-md btn-white-outline display-4" href="http://forum.brasilplaygames.com.br" target="_blank"><span class="mbri-globe mbr-iconfont mbr-iconfont-btn"></span>FÓRUM</a> <a class="btn btn-md btn-white-outline display-4" href="http://forum.brasilplaygames.com.br" target="_blank"><span class="socicon socicon-teamspeak mbr-iconfont mbr-iconfont-btn"></span>TEAMSPEAK3</a></div> </div> </div> </div> </section> <section class="counters1 counters cid-rm0vQDuvDX" id="counters1-y"> <div class="container"> <h2 class="mbr-section-title pb-3 align-center mbr-fonts-style display-2">"Sobre nosso servidor"</h2> <h3 class="mbr-section-subtitle mbr-fonts-style display-5"> Conheça um pouco sobre nós!</h3> <div class="container pt-4 mt-2"> <div class="media-container-row"> <div class="card p-3 align-center col-12 col-md-6 col-lg-4"> <div class="panel-item p-3"> <div class="card-img pb-3"> <span class="mbr-iconfont mbri-question"></span> </div> <div class="card-text"> <h3 class="count pt-3 pb-3 mbr-fonts-style display-2">GameMode</h3> <p class="mbr-content-text mbr-fonts-style display-7"> Nossos sistemas hoje em dia são os melhores, você realmente tem uma segunda vida em nosso servidor, sem enjoar pois você tem muitas coisas para fazer, procuramos sempre não deixar aquela "rotina" que acaba tirando a graça do servidor, estamos aqui sempre nos atualizando e hoje posso dizer: Somos os melhores ! Obrigado por tudo, sem vocês, jogadores, não chegariamos a lugar algum.</p> </div> </div> </div> <div class="card p-3 align-center col-12 col-md-6 col-lg-4"> <div class="panel-item p-3"> <div class="card-img pb-3"> <span class="mbri-touch-swipe mbr-iconfont"></span> </div> <div class="card-text"> <h3 class="count pt-3 pb-3 mbr-fonts-style display-2">Nossa Equipe</h3> <p class="mbr-content-text mbr-fonts-style display-7"> Temos uma equipe completa de moderadores em nosso servidor, cada um com seu respectivo cargo.<br>Nossos administradores estão aprendendo cade vez mais para atender à todos os nossos jogadores com patricidade.<br>Caso precise entrar em contato com alguém de nossa equipe, utilize /relatorio dentro do servidor.</p> </div> </div> </div> <div class="card p-3 align-center col-12 col-md-6 col-lg-4"> <div class="panel-item p-3"> <div class="card-img pb-3"> <span class="mbri-responsive mbr-iconfont"></span> </div> <div class="card-text"> <h3 class="count pt-3 pb-3 mbr-fonts-style display-2">Hospedagem </h3> <p class="mbr-content-text mbr-fonts-style display-7"> Nossos servidores são hospedados por uma empresa de alta qualidade, nossas proteções são máximas.<br>Estamos trabalhando para que todos tenham um jogo liso, longe de travamentos e pings altos.</p> </div> </div> </div> </div> </div> </div> </section> <section class="counters2 counters cid-rlZAvfckCI" id="counters2-b"> <div class="container pt-4 mt-2"> <div class="media-container-row"> <div class="media-block" style="width: 49%;"> <h2 class="mbr-section-title pb-3 align-left mbr-fonts-style display-2"><em>Informações Gerais</em></h2> <h3 class="mbr-section-subtitle pb-5 align-left mbr-fonts-style display-5"> Fique por dentro de todas às informações.</h3> <div class="mbr-figure"> <img src="assets/images/27332267-1631342546903270-6123063294800684408-n-960x540.png" alt="" title=""> </div> </div> <div class="cards-block"> <div class="cards-container"> <div class="card px-3 align-left col-12 col-md-6"> <div class="panel-item p-3"> <div class="card-img pb-3"> <span class="mbr-iconfont pr-2 mbri-protect"></span> <h3 class="count py-3 mbr-fonts-style display-5"> 32248 </h3> </div> <div class="card-text"> <h4 class="mbr-content-title mbr-bold mbr-fonts-style display-7">Fórum</h4> <p class="mbr-content-text mbr-fonts-style display-7"> Nosso fórum hoje em dia <br>tem um total de 30.000 mil<br>usuários registrados.<br>Nele você encontra tudo sobre o nosso servidor, nele você também poderá interagir com os demais jogadores.</p> </div> </div> </div> <div class="card px-3 align-left col-12 col-md-6"> <div class="panel-item p-3"> <div class="card-img pb-3"> <span class="mbr-iconfont pr-2 socicon-youtube socicon"></span> <h3 class="count py-3 mbr-fonts-style display-5">2000 </h3> </div> <div class="card-text"> <h4 class="mbr-content-title mbr-bold mbr-fonts-style display-7"> YouTube</h4> <p class="mbr-content-text mbr-fonts-style display-7"> Nosso canal no youtube hoje em dia conta com mais de 2000 usuários inscritos.<br>Estamos sempre em busca de novos conteúdos, nossos vídeos são de extrema qualidade.</p> </div> </div> </div> <div class="card px-3 align-left col-12 col-md-6"> <div class="panel-item p-3"> <div class="card-img pb-3"> <span class="mbr-iconfont pr-2 socicon-facebook socicon"></span> <h3 class="count py-3 mbr-fonts-style display-5"> 5000</h3> </div> <div class="card-text"> <h4 class="mbr-content-title mbr-bold mbr-fonts-style display-7"> Facebook</h4> <p class="mbr-content-text mbr-fonts-style display-7">Nosso facebook é uma das nossas maiores redes sociais, contamos hoje em dia com o total de 5000+ seguidores. <br>Nossos moderadores estão sempre em busca de fornecer ótimos conteúdos para interagir com os membros da comunidade.</p> </div> </div> </div> <div class="card px-3 align-left col-12 col-md-6"> <div class="panel-item p-3"> <div class="card-img pb-3"> <span class="mbri-globe-2 mbr-iconfont pr-2"></span> <h3 class="count py-3 mbr-fonts-style display-5">800</h3> </div> <div class="card-texts"> <h4 class="mbr-content-title mbr-bold mbr-fonts-style display-7"> Instagram</h4> <p class="mbr-content-text mbr-fonts-style display-7">Nosso instagram hoje em dia conta com um total de 800 seguidores, nele você terá acesso a grandes momentos do nosso servidor.<br>Temos uma equipe competente responsável por fornecer eventos aos jogadores pela própria rede social.</p> </div> </div> </div> </div> </div> </div> </div> </section> <section class="services1 cid-rm01q2D6ah" id="services1-m">     <div class="container"> <div class="row justify-content-center">  <div class="title pb-5 col-12"> <h2 class="align-left pb-3 mbr-fonts-style display-2"> Colaboradores</h2> </div>  <div class="card col-12 col-md-6 col-lg-3"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/vipbronze-539x750.png" alt="Mobirise" title=""> </div> <div class="card-box pb-md-5">  <div class="mbr-section-btn align-left"><a href="http://www.gtasamp.com.br/vip/conta.htm#" class="btn btn-primary display-7" target="_blank">$10.00(DOAR)<br></a></div> </div> </div> </div>  <div class="card col-12 col-md-6 col-lg-3"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/prata-539x750.png" alt="Mobirise" title=""> </div> <div class="card-box pb-md-5">  <div class="mbr-section-btn align-left"><a href="http://www.gtasamp.com.br/vip/conta.htm#" class="btn btn-primary display-4" target="_blank">$15.00(DOAR)</a></div> </div> </div> </div>  <div class="card col-12 col-md-6 col-lg-3"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/ouro-539x750.png" alt="Mobirise" title=""> </div> <div class="card-box">  <div class="mbr-section-btn align-left"><a href="http://www.gtasamp.com.br/vip/conta.htm#" class="btn btn-primary display-4" target="_blank">$22.00(DOAR)</a></div> </div> </div> </div>  <div class="card col-12 col-md-6 col-lg-3 last-child"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/scio-b-510x710.png" alt="Mobirise" title=""> </div> <div class="card-box">  <div class="mbr-section-btn align-left"><a href="http://www.gtasamp.com.br/vip/conta.htm#" class="btn btn-primary display-4" target="_blank">$30.00(DOAR)</a></div> </div> </div> </div> </div> </div> </section> <section class="services1 cid-rm03Bg2QPh" id="services1-n">     <div class="container"> <div class="row justify-content-center">  <div class="title pb-5 col-12"> </div>  <div class="card col-12 col-md-6 col-lg-3"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/sccio-p-510x710.png" alt="Mobirise" title=""> </div> <div class="card-box pb-md-5">  <div class="mbr-section-btn align-left"><a href="http://www.gtasamp.com.br/vip/conta.htm#" class="btn btn-primary display-4" target="_blank"> $38.00(DOAR)</a></div> </div> </div> </div>  <div class="card col-12 col-md-6 col-lg-3"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/scio-o-510x710.png" alt="Mobirise" title=""> </div> <div class="card-box pb-md-5">  <div class="mbr-section-btn align-left"><a href="http://www.gtasamp.com.br/vip/conta.htm#" class="btn btn-primary display-4" target="_blank">$45.00(DOAR)</a></div> </div> </div> </div>  <div class="card col-12 col-md-6 col-lg-3"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/socio-pla-510x710.png" alt="Mobirise" title=""> </div> <div class="card-box">  <div class="mbr-section-btn align-left"><a href="http://www.gtasamp.com.br/vip/conta.htm#" class="btn btn-primary display-4" target="_blank">$70.00(DOAR)<br></a></div> </div> </div> </div>  <div class="card col-12 col-md-6 col-lg-3 last-child"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/lbqqnja-510x710.png" alt="Mobirise" title=""> </div> <div class="card-box">  <div class="mbr-section-btn align-left"><a href="http://www.gtasamp.com.br/vip/conta.htm#" class="btn btn-primary display-4" target="_blank">$100.00(DOAR)<br></a></div> </div> </div> </div> </div> </div> </section> <section class="cid-rm0fDreR0t" id="footer1-t"> <div class="container"> <div class="media-container-row content text-white"> <div class="col-12 col-md-3"> <div class="media-wrap"> <a href="https://mobirise.co/"> <img src="assets/images/teste-330x128.png" alt="Mobirise" title=""> </a> </div> </div> <div class="col-12 col-md-3 mbr-fonts-style display-7"> <h5 class="pb-3"> Servidor</h5> <p class="mbr-text"> bpg.brasilplaygames.com.br:7777 <br>ts.brasilplaygames.com.br<br>forum.brasilplaygames.com.br</p> </div> <div class="col-12 col-md-3 mbr-fonts-style display-7"> <h5 class="pb-3"> Contatos </h5> <p class="mbr-text"><a href="http://forum.brasilplaygames.com.br/forum" target="_blank" class="text-white"> Email: support@bpg.com</a><br><a href="http://forum.brasilplaygames.com.br/forum" target="_blank" class="text-white">forum.brasilplaygames.com.br</a><br></p> </div> <div class="col-12 col-md-3 mbr-fonts-style display-7"> <h5 class="pb-3"> Utilitários </h5> <p class="mbr-text"> <a class="text-white" href="https://mobirise.co/">Registrar-se</a>  <br><a class="text-white" href="https://forum.brasilplaygames.com.br/t149754p50-atualizacao-atualizacoes-do-servidor-e-melhorias-2019#1000942" target="_blank">Atualizações</a> <br><a class="text-white" href="https://forum.brasilplaygames.com.br/f1-noticias-da-administracao" target="_blank">Notícias</a></p> </div> </div> <div class="footer-lower"> <div class="media-container-row"> <div class="col-sm-12"> <hr> </div> </div> <div class="media-container-row mbr-white"> <div class="col-sm-6 copyright"> <p class="mbr-text mbr-fonts-style display-7"> Copyright 2019 Brasil PlayGames | Todos os Direitos Reservados.<br>Developed by Raazor Vilhena.</p> </div> <div class="col-md-6"> <div class="social-list align-right"> <div class="soc-item"> <a href="https://twitter.com/brasilplaygames" target="_blank"> <span class="mbr-iconfont mbr-iconfont-social socicon-twitter socicon"></span> </a> </div> <div class="soc-item"> <a href="https://www.facebook.com/brasilplaygames/" target="_blank"> <span class="mbr-iconfont mbr-iconfont-social socicon-facebook socicon"></span> </a> </div> <div class="soc-item"> <a href="https://www.youtube.com/user/brasilplaygamesrpg/" target="_blank"> <span class="mbr-iconfont mbr-iconfont-social socicon-youtube socicon"></span> </a> </div> <div class="soc-item"> <a href="https://www.instagram.com/brasilplaygames" target="_blank"> <span class="mbr-iconfont mbr-iconfont-social socicon-instagram socicon"></span> </a> </div> </div> </div> </div> </div> </div> </section> <script src="assets/web/assets/jquery/jquery.min.js"></script> <script src="assets/popper/popper.min.js"></script> <script src="assets/tether/tether.min.js"></script> <script src="assets/bootstrap/js/bootstrap.min.js"></script> <script src="assets/smoothscroll/smooth-scroll.js"></script> <script src="assets/viewportchecker/jquery.viewportchecker.js"></script> <script src="assets/dropdown/js/script.min.js"></script> <script src="assets/touchswipe/jquery.touch-swipe.min.js"></script> <script src="assets/parallax/jarallax.min.js"></script> <script src="assets/theme/js/script.js"></script> </body> </html>

ficou correto, no entanto tive alguns problemas.

as imagens ficaram com link quebrado, como poderia solucionar?
http://prntscr.com/n4b3pb

por Harleen 28.03.19 19:55

Eu esqueci de dizer que nas imagens e nos scripts também, tem de pôr o link.
Não estou conseguindo postar aqui, mas é + ou - assim.

Código:: <div class="card col-12 col-md-6 col-lg-3"> <div class="card-wrapper"> <div class="card-img"> <img src="https://razorvilhena.github.io/bpg/ assets/images/vipbronze-539x750.png" alt="Mobirise" title=""> </div> <div class="card-box pb-md-5">  <div class="mbr-section-btn align-left"><a href="http://www.gtasamp.com.br/vip/conta.htm#" class="btn btn-primary display-7" target="_blank">$10.00(DOAR)<br></a></div> </div> </div> </div>

E nos scripts

Código:: <script src="https://razorvilhena.github.io/bpg/ assets/web/assets/jquery/jquery.min.js"></script> <script src="https://razorvilhena.github.io/bpg/ assets/popper/popper.min.js"></script> <script src="https://razorvilhena.github.io/bpg/ assets/tether/tether.min.js"></script> <script src="https://razorvilhena.github.io/bpg/ assets/bootstrap/js/bootstrap.min.js"></script> <script src="https://razorvilhena.github.io/bpg/ assets/smoothscroll/smooth-scroll.js"></script> <script src="https://razorvilhena.github.io/bpg/ assets/viewportchecker/jquery.viewportchecker.js"></script> <script src="https://razorvilhena.github.io/bpg/ assets/dropdown/js/script.min.js"></script> <script src="https://razorvilhena.github.io/bpg/ assets/touchswipe/jquery.touch-swipe.min.js"></script> <script src="https://razorvilhena.github.io/bpg/ assets/parallax/jarallax.min.js"></script> <script src="https://razorvilhena.github.io/bpg/ assets/theme/js/script.js"></script>

por Raazor_Vilhena 28.03.19 20:05

Agradeço, já tinha conseguido finalizar.

boa tarde,
até mais harleen.

por Convidado 28.03.19 20:20

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.

Hitskin.com

Formular página inicial do forum