Ir para conteúdo

Recommended Posts

Olá, Gostaria de saber como eu poderia fazer para que o grid com uma linha que contem uma imagem maior posse comportar duas menores a sua frente!
Exemplo de como está:
364250158_Capturar_Easy-Resize.com(1).jpg.036017aa76a3e20135fa2bbda32fc0c5.jpg<--AUMENTOU A DIV!
Exemplo de como eu gostaria que ficasse:
2063037885_Capturar2_Easy-Resize.com(1).jpg.fa3fafaa55527835559dd7aee0b872fe.jpg
Codigo Usado: (Bootstrap)

Spoiler

<div class="row">
  <div class="card offerCard sunny-morning-gradient text-center col-sm-8"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/493340/capsule_616x353.jpg?t=1522169653"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-md-4"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/480490/capsule_616x353.jpg?t=1529609383"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-md-4"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/480490/capsule_616x353.jpg?t=1529609383"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-md-4"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/365590/capsule_616x353.jpg?t=1513590468"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-md-4"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/365590/capsule_616x353.jpg?t=1513590468"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-md-4"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/365590/capsule_616x353.jpg?t=1513590468"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-md-4"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/365590/capsule_616x353.jpg?t=1513590468"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-md-4"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/365590/capsule_616x353.jpg?t=1513590468"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-md-4"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/365590/capsule_616x353.jpg?t=1513590468"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-sm-8"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/493340/capsule_616x353.jpg?t=1522169653"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
</div>

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
Em 23/06/2018 at 15:11, JoaoVituBR disse:

Olá, Gostaria de saber como eu poderia fazer para que o grid com uma linha que contem uma imagem maior posse comportar duas menores a sua frente!
Exemplo de como está:
364250158_Capturar_Easy-Resize.com(1).jpg.036017aa76a3e20135fa2bbda32fc0c5.jpg<--AUMENTOU A DIV!
Exemplo de como eu gostaria que ficasse:
2063037885_Capturar2_Easy-Resize.com(1).jpg.fa3fafaa55527835559dd7aee0b872fe.jpg
Codigo Usado: (Bootstrap)

  Ocultar conteúdo


<div class="row">
  <div class="card offerCard sunny-morning-gradient text-center col-sm-8"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/493340/capsule_616x353.jpg?t=1522169653"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-md-4"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/480490/capsule_616x353.jpg?t=1529609383"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-md-4"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/480490/capsule_616x353.jpg?t=1529609383"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-md-4"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/365590/capsule_616x353.jpg?t=1513590468"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-md-4"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/365590/capsule_616x353.jpg?t=1513590468"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-md-4"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/365590/capsule_616x353.jpg?t=1513590468"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-md-4"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/365590/capsule_616x353.jpg?t=1513590468"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-md-4"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/365590/capsule_616x353.jpg?t=1513590468"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-md-4"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/365590/capsule_616x353.jpg?t=1513590468"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
  <div class="card offerCard sunny-morning-gradient text-center col-sm-8"><a href="#">
    <img src="https://steamcdn-a.akamaihd.net/steam/apps/493340/capsule_616x353.jpg?t=1522169653"/>
    <div>
          <l class="discount">-50%</l> <strike>R$10.00</strike> R$5.00
    </div></a>
  </div>
</div>

 

 

olá amigo ja viu a nova ferramenta da mozila firefox ja tem la designer grid pelo modo desenvolvedor vale a pena experimentar 

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 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 hoppus182
      Estou desenvolvendo um trabalho para meu curso baseado no filme Black Mirror: Bandersnatch da Netflix, seguindo os moldes onde vão ser dados duas opção em forma de banner pra pessoa e se ela não escolher em 10 segundos, uma opção abre automaticamente.
      O código que gera a imagem esta a baixo, porém não consigo fazer com que uma opção seja selecionada e abra automaticamente após o final do tempo 

      <script type="text/javascript">
           ad_width = "300",
           ad_height = "250";
      </script>
      <script type="text/javascript" src="..."></script>
      <noscript><iframe src="..." width="300" height="250" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></noscript>
    • Por PeeWee
      Boa noite pessoal, preciso fazer com que seja carregado somente a informação dentro de uma determinada div, pois ela deve atualizar quando for alterada a informação no BD. Carregar a pagina inteira a cada 5 segundos seria ruim pois provavelmente o usuário estranharia, fiz da seguinte forma, conforme os prints.
       
      Deu certo, porém a informação foi alterada a  partir da alteração feita no banco de dados, porém, dentro da div, apareceu outra página igual, gerando duplicidade sobreposta.
      Aguardo sugestões.


    • Por sergionpinheiro
      Boa noite galera,
      Estou com a seguinte questão.
      Estou desenvolvendo um sistema que manipula arquivos em PDF.
      Eu faço o upload do arquivo para o sistema e ele fica salvo numa pasta e banco de dados.
      Meu problema é: existe a possibilidade de quando eu clicar num botão ele ir lá no banco e carregar esse arquivo no input file (tipo preenchimento automático de acordo com o cadastro do banco)?
      Pois queria que quando isso acontecesse, este campo ficaria oculto e o usuário apenas iria clicar um botão para alterar o arquivo conforme a configuração feita previamente no sistema.
      Não queria ter que clicar para carregar o arquivo no input, uma vez que, ele está salvo no sistema.
      Isso é possível?
×

Informação importante

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