Jump to content
  • ×   Pasted as rich text.   Paste as plain text instead

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.

  • Similar Content

    • By Rafael_Ferreira
      Datetimepicker do Bootstrap fica português só fora da internet testando no Wampserver passando para um domínio o datetimepicker funciona só que fica em inglês.
      Código:
       
      <!DOCTYPE html>
      <html lang="pt-br">
      <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">

      <link rel="stylesheet" href="css/bootstrap.min.css">
      <script src="js/jquery.min.js"></script>
      <script src="js/bootstrap.min.js"></script>

              <link href="css/bootstrap-combined.min.css" rel="stylesheet"/>
      <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>


      <script src="js/bootstrap-datetimepicker.min.js"></script> 
      <script src="js/bootstrap-datetimepicker.pt-BR"></script>
      <body>
      </head>
      <div class="container">
      <div class="row justify-content-center">
      <table class="table">
      <thead>

      <th>&nbsp;ID_Cliente</th>
      <th>Preço</th>

      <th>Quantidade</th>
      <th>Total dos Serviços</th>
      <th>Forma de Pagamento</th>
      <th>Data</th>
      <th Colspan="9">Ação

      </th>
      </thead>

      <button type="button" class="btn btn-dark">Cliente</button>
      <button type="button" class="btn btn-secondary">Caixa</button>
      <button type="button" class="btn btn-primary">Relatorio1</button>
      <button type="button" class="btn btn-success">Relatorio2</button>

      <tbody>
        <tr>
            <td>&nbsp;1</td>
            <td>148,00</td>
        <td>1,0</td>
        <td>188,0</td>
        <td>Dinheiro a vista</td>
        <td>2011-08-19-13:45:00</td>


      <td>
      <button type="button" class="btn btn-info">Edit</button>
      <button type="button" class="btn btn-danger">Delete</button>
      </td>   
      </tr>
      <tr>
            <td>&nbsp;2</td>
            <td>308,00</td>
        <td>1,0</td>
        <td>399,23</td>
        <td>Débito no cartão</td>
        <td>2011-08-20-22:45:00</td>
      <td>
      <button type="button" class="btn btn-info">Edit</button>
      <button type="button" class="btn btn-danger">Delete</button>
      </td>   
      </tr>


      </table>
      </div>

      <BR>
      <BR>
      <BR>





      <div class="row justify-content-center">
      <form action="" method="POST">
      <div class="form-group row">
      <div class="col-xs-8">
      <div class="input-group mb-3">
        <div class="input-group-prepend">
          <label class="input-group-text" for="inputGroupSelect01">Serviços</label>
        </div>
        <select class="custom-select" id="inputGroupSelect01">
          <option selected>Escolha</option>
          <option value="1">Corte</option>
          <option value="2">Hidratação</option>
          <option value="3">Coloração</option>
      <option value="4">Relaxamento</option>
      <option value="5">Progressiva</option>
      <option value="6">Escova</option>
        </select>
      </div>
      </div>
      </div>

      <div class="form-group row">
      <div class="col-xs-8">
       <label for="cod">ID_Cliente:</label>
       <input type="text" class="form-control" id="cod" aria-describedby="name" placeholder="">
      </div>
      </div>
      <div class="form-group row">
      <div class="col-xs-8">
       <label for="preco">Preço:</label>
       <input type="text" class="form-control" id="preco" aria-describedby="name" placeholder="">
      </div>
      </div>


      <div class="form-group row">
      <div class="col-xs-8">
      <label for="Quantidade">Quantidade:</label>
       <input type="text" class="form-control" id="quantidade" aria-describedby="quantidade" placeholder="">
      </div>
      </div>
      <div class="form-group row">
      <div class="col-xs-8">
      <label for="totaldeserv">Total dos Serviços:</label>
       <input type="text" class="form-control" id="totaldeserv" aria-describedby="totaldeserv" placeholder="">
      </div>
      </div>
      <div class="form-group row">
      <div class="col-xs-8">
      <div class="input-group mb-3">
        <div class="input-group-prepend">
          <label class="input-group-text" for="inputGroupSelect01">Forma de Pagamento:</label>
        </div>
        <select class="custom-select" id="inputGroupSelect01">
          <option selected>Escolha</option>
          <option value="1">Cartão de crédito</option>
          <option value="2">Cartão de débito</option>
          <option value="3">Dinheiro</option>

        </select>
      </div>
      </div>
      </div>

      <div id="datetimepicker" class="input-append date">
            <label for="totaldeserv">Data_Horário</label>
        <input type="text"></input>
            <span class="add-on">
              <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
            </span>
      </div>

      <div class="form-group row">
      <div class="col-xs-8">
      <button type="submit" name="save" class="btn btn-primary">Salvar</button> 
      </div>
      </div>
      </div>
      </form>
      </div>
      </div>

          <script type="text/javascript">
            $('#datetimepicker').datetimepicker({
              format: 'dd/MM/yyyy hh:mm:ss',
              language: 'pt-BR'
            });
          </script>
      </body>
      </html>
      ----------------------------------------------------------------------------------------------
      /**
       * Brazilian translation for bootstrap-datetimepicker
       * Cauan Cabral <cauan@radig.com.br>
       */
      ;(function($){
      $.fn.datetimepicker.dates['pt-BR'] = {
      days: ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado", "Domingo"],
      daysShort: ["Dom", "Seg", "Ter", "Qua", "Qui", "---", "Sáb", "Dom"],
      daysMin: ["Do", "Se", "Te", "Qu", "Qu", "Se", "Sa", "Do"],
      months: ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"],
      monthsShort: ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"],
      today: "Hoje"
      };
      }(jQuery));
    • By Bruno Goedert Dalmolin
      Fala devs Beleza? Estou com uma duvida em como eu movimento meu menu para o canto, pois ele fica travado no centro. Os dados são os seguintes: 
      do HTML:
       
      <header>
          <ul id="Menu">
              <li><a href="SmartAce-Home.html">Home</a></li>
              <li><a href="">Sobre</a></li>
              <li><a href="">Contato</a></li>
          </ul>
      </header>
       
      do CSS:
       
      @charset "UTF-8";
      body {
          margin: 0;
          padding: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100vh;
          background: #112c38;
      }
      ul#Menu {
          
          text-align: center;
          margin: 0;
          padding: 0;
          display: flex;
          top: -10;
      }
      ul#Menu li{
          list-style: none;
          margin: 0 20px;
          transition: 0.5s;
      }
      ul#Menu li a{
          position: relative;
          text-decoration: none;
          padding: 5px;
          font-size: 18px;    
          font-family: sans-serif;
          color: #fff;
          text-transform: uppercase;
          transition: 0.5s;
      }
      ul#Menu:hover li a {
          transform: scale(1.4);
          opacity: .2;
          filter: blur(5px);
      }
      ul#Menu li a:hover {
          transform: scale(2);
          opacity: 1;
          filter: blur(0);
      }
      ul#Menu li a:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #ff497c;
          transition: transform 0.5s;
          transform-origin: right;
          transform: scaleX(0);
          z-index: -1;
      }
      ul#Menu li a:hover:before {
          transition: transform 0.5s;
          transform-origin: left;
          transform: scaleX(1);
      }
    • By Walter_White
      Boa tarde,
      Estou atentar implementar bootstrap numa página estática no blogger. No entanto, quando coloco a biblioteca:
      href=“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”
      A página fica totalmente alterada.
      Alguem me consegue ajudar a cancelar os efeitos da biblioteca no que não quero.
       
       
      Alguem me consegue ajudar?
       
      Muito obrigado,
       
    • By Jefferson andre
      Ola, preciso passar uma informação via menu para o php buscar no mysql, mas não sei como proceder em enviar a informação do menu.
       
      Tenho algumas series escolares e preciso pegar a escolha do usuário via menu e então buscar o conteúdo letivo no mysql
       
      Alguém pode me dizer como proceder por favor
       
      Segue o menu:
      <style type="text/css"> <!-- .style1 { font-size: 9px; font-weight: bold; } .style14 {font-family: "Times New Roman", Times, serif; font-size: 12px; color: #FFFFFF; } .style7 {color: #FFFFFF} .style9 { font-family: "Times New Roman", Times, serif; font-size: 12px; } #Layer_topo7 { position:absolute; left:665px; top:115px; width:120px; height:22px; z-index:10; } #Layer_topo_6 { position:absolute; left:835px; top:115px; width:140px; height:22px; z-index:10; } #Layer_topo_5 { position:absolute; left:950px; top:120px; width:70px; height:22px; z-index:10; } .style15 {font-family: "Times New Roman", Times, serif; font-size: 12px; color: #FFFFFF; font-weight: bold; } #Layer_topo_3_menu { position:absolute; width:130px; height:69px; z-index:9999; left: 1057px; top: 115px; } --> </style> <title>Plataforma de cursos</title><div id="Layer_topo7"> <div align="right" class="style7"> <div align="left"> <nav> <ul class="menu"> <li class="style14"><span class="style15"><a href="#" class="style15"><strong>Series disponiveis</strong></a></span><a href="" class="style15"> do aluno</a> <ul> <li><a href="5_serie.php">5 serie - 6 ano</a></li> <li><a href="6_serie.php">6 serie - 7 ano</a></li> <li><a href="7_serie.php">7 serie - 8 ano</a></li> <li><a href="8_serie.php">8 serie - 9 ano</a></li> <li class="separador"></li> <li><a href="1_ano_medio.php">1 ano do ensino medio</a></li> <li><a href="2_ano_medio.php">2 ano do ensino medio</a></li> <li><a href="3_ano_medio.php">3 ano do ensino medio</a></li> </ul> </li> </ul> </nav> </div> </div> </div> <div id="Layer_topo_6"> <div align="right" class="style7"> <div align="left"> <nav> <ul class="menu"> <li class="style14"><span class="style15"><a href="#" class="style15"><strong>Precisando de ajuda ?</strong></a></span><a href="" class="style15"></a> <ul> <li><a href="#">Duvidas frequentes</a></li> <li><a href="formulario.php">Fale conosco</a></li> <li><a href="#">Forum</a></li> <li><a href="#">Novidades</a></li> <li><a href="#">Procurar no site</a></li> <li class="separador"></li> <li><a href="#">Sobre o site</a></li> </ul> </li> </ul> </nav> </div> </div> </div> <div id="Layer_topo_3_menu"> <div align="right" class="style7"> <div align="left"> <nav> <ul class="menu"> <li class="style14"><span class="style15"><a href="#" class="style15"><strong>&Aacute;rea do aluno</strong></a></span><a href="" class="style15"> do aluno</a> <ul> <li><a href="#">Acessar os videos</a></li> <li><a href="cadastro_aluno.php">Matricule-se</a></li> </ul> </li> </ul> </nav> </div> </div> </div>  
    • By Vitor Correa
      Olá, estou criando uma página em html e estou tendo dificuldade em achar uma solução para esse problema, como faço para que o menu fique fixo em todas as páginas desse site sem que seja necessário refazer todo o código? Segue abaixo o código do meu menu e do css:
       
      <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="./../css/header.css"> <title></title> </head> <body> <header> <img src="./../img/fundo.png"> <nav> <ul> <li><a href="sla.html" class="active">Início</a></li> <li><a href="pps.html">Teste</a></li> <li><a href="#">Teste</a></li> <li><a href="#">Teste</a></li> <li><a href="#">Teste</a></li> </ul> </nav> </header> </body> </html> img { width: 100px; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; font-weight: bold; } li { float: left; border-right: 0px solid #333; } li: last-child { border-right: none; } li a { display: block; padding: 10px 15px; color: white; text-align: center; text-decoration: none; } li a:hover:not(.active){ background-color: #111; } .active { background-color: #FF0000; float: right; color: #111; }  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.