Pagina inicial html

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

Pagina inicial html Screen10

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?

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

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>   <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>  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> | Nome do dono do fórum  | Hospedado em <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>

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

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>   <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>  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> | Nome do dono do fórum  | Hospedado em <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; }

por xDominiC_. 06.01.18 14:58

Obrigado pode fechar

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.

Pagina inicial html