Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Banner de area nova animais silvestres
Hoje à(s) 01:00 am por EDU2010

» Como colocar essa tabela
Hoje à(s) 12:54 am por tatsuhito

» Ranks forum
Ontem à(s) 09:44 pm por Gustavor

» Níveis de reputação
Ontem à(s) 09:22 pm por Taxy_InSaniTy

» Citação não aparece nome de usuário
Ontem à(s) 09:16 pm por iScroll

» Não consigo alterar essa cor
Ontem à(s) 09:09 pm por Luiz

» Plaquinhas de Rank para o meu Fórum
Ontem à(s) 09:02 pm por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Quem está conectado
201 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 193 Visitantes :: 1 Motor de busca

BichodoMato, EDU2010, Isa Meiyo, odelgado, Shion, tatsuhito, Taxy_InSaniTy, zHugh

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Página de inicio HTML

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Página de inicio HTML

Mensagem por McQueen em 09/05/17, 08:25 pm

Detalhes da questão


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

Descrição


Olá,

Bom tenho minha página de login faz muito tempo, Ela tem um efeito que muda de imagem, Agora quero mudar tirar esse efeito que muda, Já tentei tirar todas as imagem e não deu certo, Ela muda pra uma preta.

Código que uso,
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="https://i58.servimg.com/u/f58/19/60/65/31/hnujvd10.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>
</head><body><div id="slide">
     <script>
var id = 0;
var imgs = new Array();
imgs[0] = "Aqui que vai a print";
imgs[2] = "Aqui que vai a print";            
//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 = "06FFF3">L</font>ight <font color = "06FFF3">S</font>peed <font color = "06FFF3">R</font>acing
      </h1>
          
      <p class="paragraph">
           Mestres do Racing
      </p>
<a href="http://lsr-nwdgames.forumeiros.com/forum" class="slide-button">Ir ao Fórum</a> <a href="/register" class="slide-button">Criar uma conta</a>  
   </div>
      
   <div id="slide-bg" style="opacity: 0.6; display: block; background-image: url("Aqui que vai a print");"><img src="http://i.imgur.com/pEoP3xl.png" width="100%" height="100%"></div>
      
   <div id="footer">
          
   </div>
      
</div>
  <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>




Repara que muda pra uma tela preta.

OBS: no código que tá, ''Aqui que vai a print'' Foi a onde removi.


Última edição por Cannabis._. em 09/05/17, 09:20 pm, editado 1 vez(es)
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 344
Pontos Ativos : 533

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Página de inicio HTML

Mensagem por Luiz em 09/05/17, 08:38 pm

Olá, @Cannabis._..

Tendo em vista o título de seu tópico:
Cannabis._. escreveu:Página de inicio HTML
E este trecho da descrição de sua mensagem:
Cannabis._. escreveu:Bom tenho minha página de login faz muito tempo [...]
Adaptado por Luiz~ (Destacar informações).

O senhor quer que retiremos o background da página de início (index do fórum, ou seja, página inicial), ou da página de login? Suspeito...

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4268
Pontos Ativos : 4893

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Página de inicio HTML

Mensagem por McQueen em 09/05/17, 08:42 pm

Quero que tire esse efeito que muda de imagem, Deixar apenas uma como foto de fundo do ir fórum e criar uma conta dos botão tendeu?
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 344
Pontos Ativos : 533

Ver perfil do usuário http://ajuda.forumeiros.com/
  • 0

Resolvido Re: Página de inicio HTML

Mensagem por Luiz em 09/05/17, 08:54 pm

Troque por:
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="https://i58.servimg.com/u/f58/19/60/65/31/hnujvd10.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>
</head><body><div id="slide">
    <script>
var id = 0;
var imgs = new Array();
imgs[0] = "Aqui que vai a print";
imgs[2] = "Aqui que vai a print";           
//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);
}
</script> 
  <div id="slide-main" class="content container">
         
      <h1 class="logotype">
      <font color = "06FFF3">L</font>ight <font color = "06FFF3">S</font>peed <font color = "06FFF3">R</font>acing
      </h1>
         
      <p class="paragraph">
          Mestres do Racing
      </p>
<a href="http://lsr-nwdgames.forumeiros.com/forum" class="slide-button">Ir ao Fórum</a> <a href="/register" class="slide-button">Criar uma conta</a> 
  </div>
     
  <div id="slide-bg" style="opacity: 0.6; display: block; background-image: url("Aqui que vai a print");"><img src="http://i.imgur.com/pEoP3xl.png" width="100%" height="100%"></div>
     
  <div id="footer">
         
  </div>
     
</div>
  <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>

Resulta? o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4268
Pontos Ativos : 4893

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Página de inicio HTML

Mensagem por McQueen em 09/05/17, 09:19 pm

Deu certo, Obrigado
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 344
Pontos Ativos : 533

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Página de inicio HTML

Mensagem por Luiz em 09/05/17, 09:26 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4268
Pontos Ativos : 4893

Ver perfil do usuário https://github.com/lffg/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum