Ir para conteúdo
Fernando_Henrique

Página de redirecionamento não responsiva

Recommended Posts

Boa tarde amigos, estou tentando fazer uma página html para que ao ser acessada redirecione para outra página, mas mantenha a url dela. Para isso usei um frame. Bom, de começo funcionou legal, porém ao testar no navegador do celular a página deixa de ficar responsiva, nisso acredito que seja por conta do frame. Deixo abaixo o código usado para que possam me ajudar.

Desde já. 

Agradeço.

 

<frameset rows="0,*" border="0">
<frame name="header" scrolling="no" noresize target="main">
<frame name="main" src="http://meusite.com.br/">
<noframes>
<body>
 
</body>
</noframes>
</frameset>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por MateusOFCZ
      Olá, estou desenvolvendo um sistema de publicidade para meu site, e quando entra em uma página, vamos chama-la de "Publicidade" ele mostra uma publicidade e depois de 10 segundos ele redireciona (OBS.: Essa página já está funcionando 100%), e temos outra página que vamos chama-la de "Início", bom... Quando você entrar na página "Início" ele irá na verdade, redirecionar o usuário para a página de Publicidade, porém, como faço para a pessoa não poder pular essa publicidade, como se fosse um camuflador de página, ou seja, se o usuário acessar a página ele irá para a página "imasters.com.br/publicidade", porém se ele alterar o link para "imasters.com.br/inicio" ele irá obrigar o usuário a ver a publicidade primeiro para depois leva-lo a página de "Inicio", caso isso seja complexo de fazer, teria alguma forma de esconder o nome da página (a parte do "/inicio" por exemplo), e deixar apenas o link, por exemplo, se eu ir para a página de publicidade irá aparecer apenas o link, neste caso "imasters.com.br", e não "imasters.com.br/publicidade", caso tenha alguma dúvida sobre o meu pedido pode perguntar, não mordo rs.

      Deis de já agradeço!
    • Por MayraAmaral
      HTML
       
      <!DOCTYPE hmtl>
      <html lang="pt-br">
      <head>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <meta http-equiv="X-UA-Compatible" content="ie=edge">
          <title>DaHora Software</title>
          <link rel="stylesheet" href="css/styles.css">
          
          <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
          <link href="https://fonts.googleapis.com/css?family=Staatliches" rel="stylesheet">
          <link href="https://fonts.googleapis.com/css?family=Alfa+Slab+One" rel="stylesheet">
          
          
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
          <script type="text/javascript">
          jQuery(document).ready(function(){
          jQuery("#subirTopo").hide();
          jQuery('a#subirTopo').click(function () {
                   jQuery('body,html').animate({
                     scrollTop: 0
                   }, 800);
                  return false;
             });
          jQuery(window).scroll(function () {
                   if (jQuery(this).scrollTop() > 200) {
                      jQuery('#subirTopo').fadeIn();
                   } else {
                      jQuery('#subirTopo').fadeOut();
                   }
               });
          });
          </script>

      </head>
          
      <body>
          <header>
              
              <input type="checkbox" id="btn-menu">
              <label for="btn-menu"><img src="img/menu_icon_verde.png" width="30" height="30"></label>
                  
              <div class="logo">
                  <a href="#"><img src="img/logo.png" width="250" height="150"></a>
              </div>
              
                  <nav class="menu"> 
                      <ul>
                          <li><a href="#empresa">NOSSA EMPRESA</a></li>
                          <li><a href="#cursos">CURSOS</a></li>
                          <li><a href="#sites">SITES</a></li>
                          <li><a href="#sistemas">SISTEMAS</a></li>
                          <li><a href="#contato">FALE CONOSCO</a></li>
                      </ul>
                  </nav>
              
          </header>
          
          <div class="empresa">
              <h1 id="empresa"> NOSSA EMPRESA </h1>
          
          </div>
          
          <div class="cursos">
              <h1 id="cursos"> CURSOS </h1>
          
          </div>
          
          <div class="sites">
              <h1 id="sites"> SITES </h1>
          
          </div>
          
          <div class="sistemas">
              <h1 id="sistemas"> SISTEMAS </h1>
          
          </div>
          
          <div class="contato">
              <h1 id="contato"> FALE CONOSCO </h1>
          
          </div>
          
          <footer>
              <a id="subirTopo"> <img src="img/seta.png"” alt=”some text”  width="100" height="100">
                  </a>
          </footer>
      </body>
      </html>
       
      CSS
       
      *{
          margin: 0;
          padding: 0;
      }
      body{
          font-family: 'Poppins', sans-serif;
      }
      header{
          width: 100%;
          height: 150px;
          background-color: black;
      }
      #btn-menu{
          display: none;
      }
      header label{
          display: none;
          width: 30px;
          height: 30px;
          padding: 10px;
          border-right: 1px solid green;
      }
      header label:hover{
          cursor: pointer;
          background: rgba(0,0,0,0.3);
      }
      .menu ul{
          margin: 0;
          list-style: none;
          padding: 0;
          display: flex;
          justify-content: flex-end;
          align-items: flex-end;
          
      }
      .titulo li a{
          font-family: 'Alfa Slab One', cursive;
          font-size: 50pt;
          text-decoration: none;
          color: darkgreen;
          padding: 50px 50px;
      }
      .menu li{
          border-right: 1px solid #fff;
      }
      .menu li a{
          display: block;
          padding: 15px 20px;
          color: #fff;
          text-decoration: none;
          font-family: 'Alfa Slab One', cursive;
          font-size: 12pt;
      }
      . menu li:hover{
           background: rgba(0,0,0,0.3);
      }
      a img{
          display: inline-flex;
      }
      @media (max-width:768px){
          header label{
              display: block;
          }
          
          .menu{
              position: absolute;
              background-color: #000;
              width: 70%;
              margin-left: -70%;
              transition: all 0.5s;
          }
          
          .menu ul{
              flex-direction: column;
          }
          
          .menu li{
              border-top: 1px solid #fff;
          }
          .logo a{
              justify-content: center;
              align-items: center;
              display: inline-flex;
          }
          
          header{
          height: 50px;
          background-color: black;
          }
          
          #btn-menu:checked - .menu {
              margin-right: 70px;
          }
      }
      /*
      a{
          margin: 20px;
          color: #fff;
          text-decoration:none; 
          font-family: font-family: 'Staatliches', sans-serif;
          font-size: 18pt;
      }
      */
      .empresa{
          background-color: #fff;
          width: auto;
          height: 500px;
          display: flex;
          padding: 0px 50px;
      }
      .cursos{
          background-color: #8FBC8F;
          width: auto;
          height: 500px;
          padding: 0px 50px;
      }
      .sites{
          background-color: #fff;
          width: auto;
          height: 500px;
          padding: 0px 50px;
      }
      .sistemas{
          background-color: #8FBC8F;
          width: auto;
          height: 500px;
          padding: 0px 50px;
      }
      .contato{
          background-color: #fff;
          width: auto;
          height: 500px;
          padding: 0px 50px;
      }

      footer{
          background-color: #000000;
          width: auto;
          height: 200px;
          padding: 0px 50px;
      }
      #subirTopo {
          background-repeat: no-repeat;
          bottom: 20px;
          right: 20px;
          cursor: pointer;
          padding: 0px;
          position: fixed;
      }
    • Por ghlevin
      Estou adaptando o site de um cliente de forma a torná-lo responsivo. Um fornecedor já me passou os arquivos referentes ao layout responsivo e estou tendo de adaptar ao meu site. Contudo, algumas páginas do meu site dão problema. Em uma delas, eu uso muito a função feita em javascript dialog. Acredito que seja algum conflito nos meus arquivos JS dentro do head.php
       
      head.php original:
      <?php if ($dados['pagina']['header'] == true) { ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <meta http-equiv="cache-control" content="max-age=0" /> <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="expires" content="0" /> <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" /> <meta http-equiv="pragma" content="no-cache" /> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="shortcut icon" href="<?php echo $dados['pagina']['raiz']?>images/layout/favicon2.ico"> <title>Portal do Investidor Intercity</title> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery-ui-1.8.23.custom.min.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery.validate.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery.spin.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/flashcanvas/flashcanvas.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/flashcanvas/canvas2png.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery.plugin.html2canvas.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/html2canvas.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery.multiselect.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/functions.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/principal.js"></script> <link rel="stylesheet" href="<?php echo $dados['pagina']['raiz']?>js/fancybox/jquery.fancybox.css?v=2.0.6" type="text/css" media="screen"/> <link rel="stylesheet" href="<?php echo $dados['pagina']['raiz']?>js/ui-lightness/jquery-ui-1.8.23.custom.css" type="text/css" media="screen"/> <link rel="stylesheet" href="<?php echo $dados['pagina']['raiz']?>css/jquery.multiselect.css" type="text/css" media="screen"/> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/fancybox/jquery.fancybox.pack.js?v=2.0.6"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery.plugin.html2canvas.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery.cookie.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/flot/jquery.flot.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/flot/excanvas.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery.dataTables.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery.twosidedmultiselect.js"></script> <script type="text/javascript"> jQuery.browser = {}; // Script incluído em 21/12/2018 (function () { jQuery.browser.msie = false; jQuery.browser.version = 0; if (navigator.userAgent.match(/MSIE ([0-9]+)\./)) { jQuery.browser.msie = true; jQuery.browser.version = RegExp.$1; } })(); </script> <?php if (count(Loader::retornaJs()) > 0) { foreach(Loader::retornaJs() as $js) { ?> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']; ?>js/<?php echo $js; ?>.js"></script> <?php } } ?> <script type="text/javascript"> <?php if (count(Loader::retornaJsDados()) > 0) { foreach(Loader::retornaJsDados() as $jslib) { ?> <?php echo $jslib; ?> <?php } } ?> </script> <?php if (count(Loader::retornaCss()) > 0) { foreach(Loader::retornaCss() as $css) { ?> <link rel="stylesheet" href="<?php echo $dados['pagina']['raiz']; ?>css/<?php echo $css; ?>.css" type="text/css" /> <?php } } ?> <style type="text/css"> <?php if (count(Loader::retornaCssDados()) > 0) { foreach(Loader::retornaCssDados() as $csslib) { ?> <?php echo $csslib; ?> <?php } } ?> </style> </head> <?php }?> head.php adaptado, onde fiz a inclusão de novos scripts e novos stylesheets (links):
      <?php if ($dados['pagina']['header'] == true) { ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <meta http-equiv="cache-control" content="max-age=0" /> <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="expires" content="0" /> <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" /> <meta http-equiv="pragma" content="no-cache" /> <html class="wide wow-animation smoothscroll scrollTo" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="shortcut icon" href="<?php echo $dados['pagina']['raiz']?>images/layout/favicon2.ico"> <meta charset="utf-8"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="keywords" content="SANA design multipurpose template"> <meta name="date" content="Dec 26"> <link rel="icon" href="http://www.investidorintercity.com.br/images/layout/favicon2.ico" type="image/x-icon"> <!-- Stylesheets--> <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Oswald%7CLato:400italic,400,700"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" /> <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <title>Portal do Investidor Intercity</title> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery-ui-1.8.23.custom.min.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery.validate.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery.spin.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/flashcanvas/flashcanvas.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/flashcanvas/canvas2png.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery.plugin.html2canvas.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/html2canvas.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery.multiselect.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/functions.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/principal.js"></script> <link rel="stylesheet" href="<?php echo $dados['pagina']['raiz']?>js/fancybox/jquery.fancybox.css?v=2.0.6" type="text/css" media="screen"/> <link rel="stylesheet" href="<?php echo $dados['pagina']['raiz']?>js/ui-lightness/jquery-ui-1.8.23.custom.css" type="text/css" media="screen"/> <link rel="stylesheet" href="<?php echo $dados['pagina']['raiz']?>css/jquery.multiselect.css" type="text/css" media="screen"/> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/fancybox/jquery.fancybox.pack.js?v=2.0.6"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery.plugin.html2canvas.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery.cookie.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/flot/jquery.flot.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/flot/excanvas.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery.dataTables.js"></script> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']?>js/jquery.twosidedmultiselect.js"></script> <?php if (count(Loader::retornaJs()) > 0) { foreach(Loader::retornaJs() as $js) { ?> <script type="text/javascript" src="<?php echo $dados['pagina']['raiz']; ?>js/<?php echo $js; ?>.js"></script> <?php } } ?> <script type="text/javascript"> <?php if (count(Loader::retornaJsDados()) > 0) { foreach(Loader::retornaJsDados() as $jslib) { ?> <?php echo $jslib; ?> <?php } } ?> </script> <?php if (count(Loader::retornaCss()) > 0) { foreach(Loader::retornaCss() as $css) { ?> <link rel="stylesheet" href="<?php echo $dados['pagina']['raiz']; ?>css/<?php echo $css; ?>.css" type="text/css" /> <?php } } ?> <style type="text/css"> <?php if (count(Loader::retornaCssDados()) > 0) { foreach(Loader::retornaCssDados() as $csslib) { ?> <?php echo $csslib; ?> <?php } } ?> </style> </head> <?php }?> Pelo console no Chrome, ele me avisa o seguinte:
      Uncaught TypeError: $(...).dialog is not a function O que eu poderia fazer pra não ter conflitos como esse? Já tentei a função noConflict(), mas não sei se fiz ela corretamente. Quem pode me ajudar?
    • Por LuizGuilherme
      Olá, quando eu tento entrar no site https://santander.com.br  ao digitar meu CPF sou direcionado para a pagina https://santandernet.com.br  acontecec no M. Edge, no Firefox, no Chrome e Opera


       
    • Por RafsFernandes
      Boa noite.
       
      Estou com a seguinte ideia em um projeto: https://i.imgur.com/ylrv3Zc.png.
       
      Gostaria de saber se há alguma forma de mapear as folhas, para que quando o usuário clicar, redirecionar para outra página.
       
      Já tentei mapear pela tag <map>, porém, o mapeamento não fica responsivo. 
       
      Lembrando que a imagem está unificada, conforme código abaixo:
      <div class="container"> <div class="descricoes text-center"> <h1 class="text-nomes-main">Clique nas folhas para selecionar a Deficiência.</h1> <img src="../contents/imagens/folhas_deficiencia.png" width="500" height="500" class="img-responsive img-centro"> </div> </div>  
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.