Bug na Pagina HTML

por Heikki 09.12.16 21:49

Detalhes da questão

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

Descrição

Ola,

Eu tenho uma pagina HTML que fica mudando de imagem so que ela esta com um bug que eu não sei consertar ele, não to conseguindo tbm mudar o icone do da pagina

e o bug quando vc clica em Ir ao Forum ele não vai para pagina. fcc-nwd.forumeiros.com/Forum

Ela não mudar de imagem:
https://imgur.com/a/Z0Rvt

Quando eu clico pra ir no forum:
https://imgur.com/a/MzfbP
https://imgur.com/a/Ld1LZ
https://imgur.com/a/RXBLE

Sem o icone:
https://imgur.com/a/TIhu9

por Shek 09.12.16 21:52

Olá!

Esse mudando de imagem, é uma espécie de slide? Então, o primeiro problema na página é que ela não troca de imagem de fundo?

O segundo, é o link do botão?

Por favor, poste o código do HTML aqui para poder ser revisado, por favor.

Tópico movido de 'Outras questões' para 'Questões sobre códigos'

por Heikki 09.12.16 21:53

Código:: <br /><br /><br /><title>Facçao Criminosa</title><meta content="text/html; charset=utf-8" http-equiv="content-type" /><meta content="text/javascript" http-equiv="content-script-type" /><meta content="text/css" http-equiv="content-style-type" /><link href="http://i.imgur.com/bfA3jUO.png" type="image/x-icon" rel="http://i.imgur.com/bfA3jUO.png" /><link href="http://i.imgur.com/bfA3jUO.png" rel="http://i.imgur.com/bfA3jUO.png" /><meta content="Upgrade | Bem-vindo!" name="http://i.imgur.com/bfA3jUO.png" /><script type="text/javascript" src="http://i.imgur.com/bfA3jUO.png"></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 content="width=device-width, initial-scale=1" name="viewport" /><link href="http://www.w3schools.com/lib/w3.css" rel="stylesheet" /> <div id="slide"> <script> var id = 1; var imgs = new Array(); imgs[0] = "http://cdn1-www.comingsoon.net/assets/uploads/2016/07/killingjoke.jpg"; imgs[2] = "http://spotniks.com/wp-content/uploads/2015/08/o-GUN-CONTROL-facebook.jpg,qx64310.pagespeed.ce.YrGOaFKMPf.jpg"; imgs[1] = "http://extra.globo.com/incoming/13627928-444-773/w640h360-PROP/2014-742735655-2014081699115_20140816.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*500); </script> <div class="content container" id="slide-main"> <h1 class="logotype"> <span style="font-family: Impact;"><span style="color: rgb(255, 0, 0);">F</span></span><span style="font-family: Impact;"><span style="color: rgb(238, 238, 238);">acção</span></span><span style="color: rgb(255, 153, 51); font-family: Impact;"> </span><span style="font-family: Impact;"><span style="color: rgb(255, 0, 0);">C</span></span><span style="font-family: Impact;"><span style="color: rgb(238, 238, 238);">riminosa</span></span><br /> </h1> <p class="paragraph"> <span new";"="" courier="" style="font-family: "><span style="color: rgb(255, 0, 0);">FCC</span><span style="color: rgb(255, 255, 255);"> </span><span style="color: rgb(255, 255, 255);">SINCE</span><span style="color: rgb(255, 255, 255);"> </span><span style="color: rgb(255, 0, 0);">2016</span></span> </p> <a class="slide-button" href="/forum"><span roman";"="" new="" times="" style="font-family: ">Ir ao Fórum</span></a> <a class="slide-button" href="/register"><span roman";"="" new="" times="" style="font-family: ">Criar uma nova conta</span></a><br /><br />  </div> <div style="opacity: 0.6; display: block; background-image: url(" http:="" i.imgur.com="" b8rhrng.png");"="" id="slide-bg"> <img style="width: 100%; height: 100%;" src="http://i.imgur.com/6IniaUP.jpg" /> </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 class="content container" id="contact-main"> <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 method="post" class="report" target="rcontact" action="/contact?action=submit"> <input type="text" placeholder="Assunto" class="report-abuse-textarea" maxlength="49" id="subject" name="subject" /> <br /> <br /> <textarea placeholder="Mensagem" class="report-abuse-textarea" id="message" name="message" rows="10" cols="25"></textarea> <br /> <br /> <div class="captcha"> <div class="captcha-img"> <label dir="ltr" for="reg_key"> <img alt="" src="/antirobot_pic.forum?a=262cf829fcf970a531ff7b6bccc7ba62" /> </label> <input type="hidden" value="" name="username" /> <input type="hidden" value="" name="time" /> </div> <input type="text" style="margin-bottom: 5px;" dir="ltr" placeholder="Captcha" maxlength="5" id="reg_key" name="reg_key" class="inputbox tiny" /> </div> <br /> <br /> <input type="submit" onclick="contact();submit_form();" value="Enviar" name="submit" class="button2" /> <input type="hidden" value="" name="time" /> </form> <iframe style="width: 0;height: 0;border: 0;opacity: 0;display: none;visibility: hidden;" name="rcontact" src=""></iframe> </div> <div id="contact-close"> <a onclick="contact();" href="#"></a> </div> </div> <div id="linkforum"> <a target="_blank" href="#"></a><a target="_blank" href="http://www.forumeiros.com"> </a> </div>

por Shek 10.12.16 13:20

Olá!

Por favor, prefira editar sua mensagem ao invés de postá-la seguidamente de outra no mesmo dia. Feliz

Sobre sua dúvida... Eu sofri para reorganizar e tirar várias coisas erradas no seu HTML. Até parece que isso foi copiado de algum lugar. Hm...

Troque seu código anterior por:

Código:: <html> <head> <meta content="text/html; charset=utf-8" http-equiv="content-type" /> <title>Facçao Criminosa</title> <meta content="text/javascript" http-equiv="content-script-type" /> <meta content="text/css" http-equiv="content-style-type" /> <link rel="shortcut icon" type="image/x-icon" href="http://illiweb.com/fa/favicon/discussion.ico" /> <link href="http://www.w3schools.com/lib/w3.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <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); } } //SLIDER SCRIPT var id = 1; var imgs = new Array(); imgs[0] = "http://cdn1-www.comingsoon.net/assets/uploads/2016/07/killingjoke.jpg"; imgs[2] = "http://spotniks.com/wp-content/uploads/2015/08/o-GUN-CONTROL-facebook.jpg,qx64310.pagespeed.ce.YrGOaFKMPf.jpg"; imgs[1] = "http://extra.globo.com/incoming/13627928-444-773/w640h360-PROP/2014-742735655-2014081699115_20140816.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*500); 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> <style> /* GOOGLE FONTS */ /* GERAL */ @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); * { 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> </head> <body> <div id="slide"> <div class="content container" id="slide-main"> <h1 class="logotype"> <span style="font-family: Impact;"><span style="color: rgb(255, 0, 0);">F</span></span><span style="font-family: Impact;"><span style="color: rgb(238, 238, 238);">acção</span></span><span style="color: rgb(255, 153, 51); font-family: Impact;"> </span><span style="font-family: Impact;"><span style="color: rgb(255, 0, 0);">C</span></span><span style="font-family: Impact;"><span style="color: rgb(238, 238, 238);">riminosa</span></span><br /> </h1> <p class="paragraph"> <span new";"="" courier="" style="font-family: "><span style="color: rgb(255, 0, 0);">FCC</span><span style="color: rgb(255, 255, 255);"> </span><span style="color: rgb(255, 255, 255);">SINCE</span><span style="color: rgb(255, 255, 255);"> </span><span style="color: rgb(255, 0, 0);">2016</span></span> </p> <a class="slide-button" href="/forum"><span>Ir ao Fórum</span></a> <a class="slide-button" href="/register"><span>Criar uma nova conta</span></a><br /><br />  </div> <div style="opacity: 0.6; display: block; background-image: url(" http:="" i.imgur.com="" b8rhrng.png");"="" id="slide-bg"> <img style="width: 100%; height: 100%;" src="http://i.imgur.com/6IniaUP.jpg" /> </div> <div id="footer"></div> </div> <div id="contact"> <div class="content container" id="contact-main"> <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 method="post" class="report" target="rcontact" action="/contact?action=submit"> <input type="text" placeholder="Assunto" class="report-abuse-textarea" maxlength="49" id="subject" name="subject" /> <br /> <br /> <textarea placeholder="Mensagem" class="report-abuse-textarea" id="message" name="message" rows="10" cols="25"></textarea> <br /> <br /> <div class="captcha"> <div class="captcha-img"> <label dir="ltr" for="reg_key"> <img alt="" src="/antirobot_pic.forum?a=262cf829fcf970a531ff7b6bccc7ba62" /> </label> <input type="hidden" value="" name="username" /> <input type="hidden" value="" name="time" /> </div> <input type="text" style="margin-bottom: 5px;" dir="ltr" placeholder="Captcha" maxlength="5" id="reg_key" name="reg_key" class="inputbox tiny" /> </div> <br /> <br /> <input type="submit" onclick="contact();submit_form();" value="Enviar" name="submit" class="button2" /> <input type="hidden" value="" name="time" /> </form> <iframe style="width: 0;height: 0;border: 0;opacity: 0;display: none;visibility: hidden;" name="rcontact" src=""></iframe> </div> <div id="contact-close"> <a onclick="contact();" href="#"></a> </div> </div> <div id="linkforum"> <a target="_blank" href="#"></a><a target="_blank" href="http://www.forumeiros.com"> </a> </div> </body> </html>

Salve e veja se funciona. Se sim, por favor, não hesite em clicar no botão Resolvido

por Heikki 10.12.16 13:31

Ainda continuar com o bug quando clico em ir ao forum ele nao vai,

a pagina foi copiada tenho 2 forum com a mesmas paginas Muito feliz

por Shek 10.12.16 14:25

Olá!

Engano seu meu caro, pois, para mim está funcionando perfeitamente: http://fcc-nwd.forumeiros.com/h3- Os dois links funcionam para mim!

por Heikki 10.12.16 15:32

Ele desativado funciona agr quando eu ativo ele não funciona

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

tenta ver agora

por Shek 10.12.16 16:22

Mais....

para mim funciona! Batendo cabeça

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

por Heikki 10.12.16 17:14

https://youtu.be/RW4ReU75gX8

pra min nao funciona.

por Shek 10.12.16 17:16

Então, troque o href="/forum" por

Código:: href="http://fcc-nwd.forumeiros.com/forum"

por Heikki 10.12.16 17:31

ver se esta certo porque aqui nao deu

Código:: <html> <head> <meta content="text/html; charset=utf-8" http-equiv="content-type" /> <title>Facçao Criminosa</title> <meta content="text/javascript" http-equiv="content-script-type" /> <meta content="text/css" http-equiv="content-style-type" /> <link rel="shortcut icon" type="image/x-icon" href="https://illiweb.com/fa/favicon/discussion.ico" /> <link href="http://www.w3schools.com/lib/w3.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <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); } } //SLIDER SCRIPT var id = 1; var imgs = new Array(); imgs[0] = "http://cdn1-www.comingsoon.net/assets/uploads/2016/07/killingjoke.jpg"; imgs[2] = "http://spotniks.com/wp-content/uploads/2015/08/o-GUN-CONTROL-facebook.jpg,qx64310.pagespeed.ce.YrGOaFKMPf.jpg"; imgs[1] = "http://extra.globo.com/incoming/13627928-444-773/w640h360-PROP/2014-742735655-2014081699115_20140816.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*500); 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> <style> /* GOOGLE FONTS */ /* GERAL */ @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); * { 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> </head> <body> <div id="slide"> <div class="content container" id="slide-main"> <h1 class="logotype"> <span style="font-family: Impact;"><span style="color: rgb(255, 0, 0);">F</span></span><span style="font-family: Impact;"><span style="color: rgb(238, 238, 238);">acção</span></span><span style="color: rgb(255, 153, 51); font-family: Impact;"> </span><span style="font-family: Impact;"><span style="color: rgb(255, 0, 0);">C</span></span><span style="font-family: Impact;"><span style="color: rgb(238, 238, 238);">riminosa</span></span><br /> </h1> <p class="paragraph"> <span new";"="" courier="" style="font-family: "><span style="color: rgb(255, 0, 0);">FCC</span><span style="color: rgb(255, 255, 255);"> </span><span style="color: rgb(255, 255, 255);">SINCE</span><span style="color: rgb(255, 255, 255);"> </span><span style="color: rgb(255, 0, 0);">2016</span></span> </p> <a class="slide-button" href="http://fcc-nwd.forumeiros.com/forum"><span>Ir ao Fórum</span></a> <a class="slide-button" href="/register"><span>Criar uma nova conta</span></a><br /><br />  </div> <div style="opacity: 0.6; display: block; background-image: url(" http:="" i.imgur.com="" b8rhrng.png");"="" id="slide-bg"> <img style="width: 100%; height: 100%;" src="http://i.imgur.com/6IniaUP.jpg" /> </div> <div id="footer"></div> </div> <div id="contact"> <div class="content container" id="contact-main"> <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 method="post" class="report" target="rcontact" action="/contact?action=submit"> <input type="text" placeholder="Assunto" class="report-abuse-textarea" maxlength="49" id="subject" name="subject" /> <br /> <br /> <textarea placeholder="Mensagem" class="report-abuse-textarea" id="message" name="message" rows="10" cols="25"></textarea> <br /> <br /> <div class="captcha"> <div class="captcha-img"> <label dir="ltr" for="reg_key"> <img alt="" src="/antirobot_pic.forum?a=262cf829fcf970a531ff7b6bccc7ba62" /> </label> <input type="hidden" value="" name="username" /> <input type="hidden" value="" name="time" /> </div> <input type="text" style="margin-bottom: 5px;" dir="ltr" placeholder="Captcha" maxlength="5" id="reg_key" name="reg_key" class="inputbox tiny" /> </div> <br /> <br /> <input type="submit" onclick="contact();submit_form();" value="Enviar" name="submit" class="button2" /> <input type="hidden" value="" name="time" /> </form> <iframe style="width: 0;height: 0;border: 0;opacity: 0;display: none;visibility: hidden;" name="rcontact" src=""></iframe> </div> <div id="contact-close"> <a onclick="contact();" href="#"></a> </div> </div> <div id="linkforum"> <a target="_blank" href="#"></a><a target="_blank" href="http://www.forumeiros.com"> </a> </div> </body> </html>

por Shek 10.12.16 21:23

Clica em cima do link Ir ao fórum com a tecla Ctrl do teclado pressionada, por favor. Faça tentativa em outros computadores ou peça para que seus membros façam o teste, porque, não há nada mais o que fazer aí. Está funcionando...!

por Heikki 10.12.16 21:49

Obrigado!

Bug na Pagina HTML