Pagina html

por Schwarzenegger 07.07.16 0:24

Detalhes da questão

Endereço do fórum: x-series.forumeiros.com
Versão do fórum: PhpBB3

Descrição

Então, estava vendo nesse fórum aqui: http://lsr-nwd.forumeiros.com/ e me interessei bastante nessa pagina inicial.

Com isso resolvi querer pro meu fórum também. Então, gostaria saber como que eu faço para fazer isso. E observem que fica mudando a imagem, gostaria disso também, e os botões também. Pelo nome dos botões à de se imaginar a função deles, gostaria ta mesma função.

Com o Texto: X-Séries e aonde ta ''since...'' Tudo Sobre Série.

as imagens das séries - TwD - Supernatural - Flash - Arrow - GoT - Breaking Bad.

por REVIEW 07.07.16 1:44

Boa noite,
Acenda; Painel de controle Módulos HTML & JAVASCRIPT Gestão das páginas HTML.
Título: Oque você quiser
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

Código:

Código:: <html><head><title>Bem-vindo</title><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta http-equiv="content-script-type" content="text/javascript"><meta http-equiv="content-style-type" content="text/css"><link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/zFsxjN0.png"><link rel="stylesheet" href="http://flames.br22.com/proxima-nova.css"><meta name="title" content="Upgrade | Bem-vindo!"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><style>/* GOOGLE FONTS */ @import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic); @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800); /* GERAL */* {margin: 0;padding: 0;list-style-type: none;text-decoration: none;}body {background: #202020;color: white;}a {color: white;}.content {width: 75%;margin: 0 auto;}.none {display: none;} /* SLIDE */#slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}#slide > #slide-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;-webkit-filter: brightness(1.2) blur(3px);z-index: 9;}#slide > #slide-main {position: absolute;top: 38%;bottom: 41%;z-index: 99;text-align: center;left: 17.5%;right: 17.5%;width: 65%;}#slide > #slide-main h1.logotype {color: white;font-family: "proxima-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 900;font-size: 82px;text-shadow: 0 1px 2px rgba(2, 24, 116, 0.3);line-height: 90px;}#slide > #slide-main p.paragraph {font-family: 'Lato';font-weight: 300;font-size: 20px;padding: 5px 0;font-style: italic;text-shadow: 0 1px 2px rgba(2, 24, 116, 0.3);}#slide > #slide-main .slide-button {background: rgba(0, 0, 0, 0.42);padding: 8px 20px 9px 20px;border: 1px solid white;display: inline-block;border-radius: 3px;font-family: 'Lato', 'Helvetica Neue';margin-top: 12px;margin-right: 10px;}#slide > #slide-main .slide-button.contact {margin-right: 0;margin-left: 10px;border-color: darkcyan;color: darkcyan;} /* CONTATO */#contact {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);z-index: 999;display: none;}#contact > .container {text-align: center;}#contact > .container h1.logotype {color: white;font-family: "proxima-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 900;font-size: 62px;text-shadow: 0 1px 2px rgba(2, 24, 116, 0.3);line-height: 80px;}#contact > .container .paragraph {font-family: 'Lato';font-weight: 300;font-size: 20px;font-style: italic;text-shadow: 0 1px 2px rgba(2, 24, 116, 0.3);opacity: 0;padding: 15px 0;}#contact > .container form {text-align: center;margin: 50px 0;}#contact > .container form input {background: rgba(255, 255, 255, 0.15);padding: 14px 25px;border: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.35);display: inline-block;font-family: 'Lato', 'Helvetica Neue';font-size: 18px;font-style: italic;font-weight: 300;margin-bottom: 20px;color: white;width: 50%;}#contact > .container form textarea {background: rgba(255, 255, 255, 0.15);padding: 14px 25px;border: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.35);display: inline-block;font-family: 'Lato', 'Helvetica Neue';font-size: 18px;font-style: italic;font-weight: 300;margin-bottom: 20px;color: white;width: 50%;height: 150px;}#contact > .container form input.button2 {width: 10%;cursor: pointer;}#contact > .container form .captcha img {padding: 12px 20px;border: 1px solid #222;background: rgba(255, 255, 255, 0.15);margin-bottom: 0px;}#contact > #contact-close {position: fixed;top: 25px;right: 25px;display: block;}#contact > #contact-close a {display: block;width: 25px;height: 24px;background-image: url(https://cdn1.iconfinder.com/data/icons/jigsoar-icons/64/_close.png);background-color: #252525;background-repeat: no-repeat;background-size: 22px;background-position: center;border: 0;border-radius: 500px;padding: 10px;cursor: pointer;-webkit-filter: grayScale();}</style><script>function contact() {$('#contact').fadeToggle();} function submit_form() {var result=$('iframe[name="rcontact"]').contents().find('#main-content .main .main-content p.center').text();$('#contact > .container .paragraph').html(result);$('#contact > .container .paragraph').animate({opacity: '1'}, 2500);if(result="O código de confirmação não corresponde ao da imagem. Tente mais tarde.") {$('#contact > .container form .captcha img').attr('src','/antirobot_pic.forum?a=262cf829fcf970a531ff7b6bccc7ba62');}if(result="A tua mensagem nos foi transmitida. Ela será lida nos melhores prazos.") {setTimeout('contact()', 5000);}}</script> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> </head><body><div id="slide"> <script> var id = 0; var imgs = new Array(); imgs[1] = "http://i.imgur.com/t6EnNs7.jpg"; imgs[2] = "http://i.imgur.com/NMOdvNi.jpg"; imgs[3] = "http://i.imgur.com/eGM6tkV.jpg" imgs[4] = "http://i.imgur.com/Rz8elRo.jpg" imgs[5] = "http://i.imgur.com/8m0DJST.jpg" imgs[6] = "http://i.imgur.com/XN4sQ3z.jpg" //Aqui apenas adicione mais imagens function troca(){ if (id<imgs.length-1){ id++; }else{ id=0 } $("#slide-bg").fadeOut(500); setTimeout("$('#slide-bg').html('<img src=""+imgs[id]+"" width="100%" height="100%" />');$('#slide-bg').fadeIn(500);",500); } var segundos = 5; //Segundos entre cada imagem setInterval("troca();",segundos*1000); </script> <div id="slide-main" class="content container"> <h1 class="logotype"> <font color = "40E0D0">X-</font>SÉRIES </h1> <p class="paragraph"> <font color = "40E0D0">Tudo Sobre Série.</font> </p> <a href="/forum" class="slide-button">Ir ao Fórum</a> <a href="/register" class="slide-button">Criar uma nova conta</a> <br> <br>  </div> <div id="slide-bg" style="opacity: 0.6; display: block; background-image: url("http://i.imgur.com/t6EnNs7.jpg");"><img src="http://i.imgur.com/XN4sQ3z.jpg" width="100%" height="100%"></div> <div id="footer"> </div> </div>  <script> var slideIndex = 1; showDivs(slideIndex); function plusDivs(n) { showDivs(slideIndex += n); } function showDivs(n) { var i; var x = document.getElementsByClassName("mySlides"); if (n > x.length) {slideIndex = 1} if (n < 1) {slideIndex = x.length} ; for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } x[slideIndex-1].style.display = "block"; } </script>  <div id="contact"> <div id="contact-main" class="content container"> <h1 class="logotype"> fale conosco </h1> <div class="center paragraph"> O código de confirmação não corresponde ao da imagem. Tente mais tarde. </div> <form action="/contact?action=submit" target="rcontact" class="report" method="post"> <input name="subject" id="subject" maxlength="49" class="report-abuse-textarea" placeholder="Assunto" type="text"> <br> <br> <textarea cols="25" rows="10" name="message" id="message" class="report-abuse-textarea" placeholder="Mensagem"></textarea> <br> <br> <div class="captcha"> <div class="captcha-img"> <label for="reg_key" dir="ltr"> <img src="/antirobot_pic.forum?a=262cf829fcf970a531ff7b6bccc7ba62" alt=""> </label> <input name="username" value="" type="hidden"> <input name="time" value="" type="hidden"> </div> <input class="inputbox tiny" name="reg_key" id="reg_key" maxlength="5" placeholder="Captcha" dir="ltr" style="margin-bottom: 5px;" type="text"> </div> <br> <br> <input class="button2" name="submit" value="Enviar" onclick="contact();submit_form();" type="submit"> <input name="time" value="" type="hidden"> </form> <iframe src="" name="rcontact" style="width: 0;height: 0;border: 0;opacity: 0;display: none;visibility: hidden;"></iframe> </div> <div id="contact-close"> <a href="#" onclick="contact();"></a> </div> </div> <div id="linkforum"> <a href="#" target="_blank"></a> </div><a href="http://www.forumeiros.com" target="_blank"> </a></body></html>

Até mais.

por Schwarzenegger 07.07.16 9:11

tudo certo pode fechar

por while 07.07.16 16:09

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 html

Pagina html

Detalhes da questão

Descrição

Re: Pagina html

Re: Pagina html

Re: Pagina html