Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''html''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 1598 registros

  1. rogarfil

    nav pills trazendo informações do mysql em pdo

    <div class="video-sec"> <h4 class="heading-small">Mídias</h4> <div class="video-block"> <ul class="nav nav-pills justify-content-center mb-4" id="pills-nav" role="tablist"> <?php // Atribui uma conexão PDO $conexao = Connection::getInstance(); $controle_ativo = 2; //$controle_num_slide = 1; $sql = "SELECT * FROM db_post WHERE status=1 AND category='Mídia' ORDER BY created DESC LIMIT 3"; $stm = $conexao->prepare($sql); $stm->execute(); while($post = $stm->fetch(PDO::FETCH_OBJ)) { if($controle_ativo == 2) { ?> <li class="nav-item"> <a class="nav-link active" id="nav-pills-01" data-toggle="pill" href="#<?=$post->post_id?>"><?=$post->title?></a> </li> <?php $controle_ativo = 1; } else { ?> <li class="nav-item"> <a class="nav-link" id="nav-pills-02" data-toggle="pill" href="#<?=$post->post_id?>"><?=$post->title?></a> </li> <?php //$controle_num_slide++; } } ?> </ul> <div class="tab-content" id="nav-pills-content"> <?php // Atribui uma conexão PDO $conexao = Connection::getInstance(); $controle_ativo = 2; $sql = "SELECT * FROM db_post WHERE status=1 AND category='Mídia' ORDER BY created DESC LIMIT 3"; $stm = $conexao->prepare($sql); $stm->execute(); while($post = $stm->fetch(PDO::FETCH_OBJ)) { if($controle_ativo == 2) { ?> <div class="tab-pane fade show active" id="<?=$post->post_id?>" role="tabpanel"> <div class="row"> <div class="col-sm-6"> <div class="embed-responsive embed-responsive-16by9"> <!-- 21by9, 16by9, 4by3, 1by1 --> <iframe class="embed-responsive-item" src="<?=$post->url?>"></iframe> </div> </div> <div class="col-sm-6"> <p class="display-5"><?=$post->content?></p> <p class="card-text"> <small class="text-time"> <em>Publicado em <?=date('M,d',strtotime($post->created))?></em> </small> </p> </div> </div> </div> <?php $controle_ativo = 1; } else { ?> <div class="tab-pane fade" id="<?=$post->post_id?>a" role="tabpanel"> <div class="row"> <div class="col-sm-6"> <div class="embed-responsive embed-responsive-16by9"> <!-- 21by9, 16by9, 4by3, 1by1 --> <iframe class="embed-responsive-item" src="<?=$post->url?>"></iframe> </div> </div> <div class="col-sm-6"> <p class="display-5"><?=$post->content?></p> <p class="card-text"> <small class="text-time"> <em>Publicado em <?=date('M,d',strtotime($post->created))?></em> </small> </p> </div> </div> </div> <?php } } ?> </div> Há aba ativa está perfeita quando clico na segunda ou terceira aba nada acontece (não abre), tenho que deixar dinâmico. Ainda pergunto existe uma maneira com javascript para ativar a aba e seu conteúdo.
  2. AllysonSouza

    Tabela Listando Dados lado a lado

    Boa noite, to precisando de ajuda, eu to listando os dados direto do banco de dados em um tabela, so que ela faz isso linha por linha como é feito, eu queria que ele listasse duas tabelas na mesma pagina, só que dando continuidade da busca do banco de dados, exemplo. ele busca 50 resultados no banco, ai ele pega o maximo de linhas possivel em uma tabela, e do outro lado da tela ele lista o restante dos dados...enfim, eis meu codigo, exibindo tudo em uma tabela só <?php $categoria = $_GET['categoria']; $sql = "SELECT p.id AS idProd, p.nome AS produto, p.largura, p.comprimento, p.estilo, p.valor, p.valorCompra, p.estoque, p.imagem, c.id AS idCat, c.nome AS categoria, p.vendidos, p.tipo, p.detalhe FROM produtos p INNER JOIN categorias c ON p.categorias_id=c.id WHERE c.id=$categoria ORDER BY p.nome, p.largura ASC"; $res = mysqli_query($con, $sql); $dados = mysqli_fetch_array($res); ?> <div class="panel-footer"> <table class="table table-bordered table-hover text-center"> <thead > <tr ><td colspan="5" style="text-align: center;"> <?php echo $dados['categoria']?></td></tr> </thead> <thead > <tr > <th width="250" class="text-center" >Nome</th> <th width="10" class="text-center">Tamanho</th> <th width="100" class="text-center">Valor</th> </tr> </thead> <tbody> <?php while($linha = mysqli_fetch_array($res)){ ?> <tr > <td > <?php echo $linha['produto']; echo " "; echo $linha['largura'] ; echo " "; echo $linha['detalhe']; echo" "; if($linha['estilo']==0){ echo ''; }else if($linha['estilo']==1){ echo '(Bruta)'; }else if($linha['estilo']==2){ echo '(Plainada)';}?> <label class='label label-danger'><?php if($linha['tipo'] == 0 ){ echo 'ML';}; ?></label> <label class='label label-primary'><?php if($linha['tipo'] == 1 ){ echo 'M²';}; ?></label> <label class='label label-warning'><?php if($linha['tipo'] == 2 ){ echo 'Peça';}; ?></label> <label class='label label-info'><?php if($linha['tipo'] == 3 ){ echo 'Duzia';}; ?></label> <label class='label label-success'><?php if($linha['tipo'] == 4 ){ echo 'KG';}; ?></label> </td> <td><?php if($linha['comprimento']==0){ echo '1 M '; }else if($linha['comprimento']==1){ echo '3 M'; }else if($linha['comprimento']==2){ echo '4 M'; }else if($linha['comprimento']==3){ echo '5 M'; }else if($linha['comprimento']==4){ echo '6 M'; }else if($linha['comprimento']==5){ echo ''; } ?></td> <td> <?php echo Conversor::realBancoParaUsuario($linha['valor']); ?> </td> </tr> <?php } ?> </tbody> </table> </div>
  3. Ana Xavier da Silva Gomes

    Butao Inserir Imagem

    Olá :) Estou com um probelma Estou a criar um formulário sobre cães. Tem, nome, idade, descrição... Queria colocar um botão a dizer Inserir imagem e que ao clicar no botão desse para carregar a imagem. e ao clicar em submeter formulário, a imagem que inseri, aparecesse numa página HTML Fui muito confusa? Já procurei na internet como fazer, mas não encontrei nada :/
  4. mbdec

    help com botão executando mysql

    ola pessoal! gostaria da ajuda de vocês para criar botões executando funções mysql. aqui esta a função mysql trazer o result set e fazer echo é um sistema de nutricionismo ele faz comparações no banco de dados, então queria criar botões para executar as açoes e "echo" para exibir os resultados Tabela Alimento: Alimento_ID Nome Tabela Beneficios_Males Beneficios_Males_ID Nome Tipo('B','M') (Se é beneficio ou Males) Tabela Alimento_Beneficios_Males Alimento_ID Beneficios_Males_ID Por exemplo, trazer todos os alimentos e seus beneficions SELECT Alimento.*, Beneficios_Males.* FROM Alimento JOIN Alimento_Beneficios_Males USING (Alimento_ID) JOIN Beneficios_Males USING (Beneficios_Males_ID) WHERE Tipo = 'B'; Por exemplo, trazer todos os alimentos e seus males SELECT Alimento.*, Beneficios_Males.* FROM Alimento JOIN Alimento_Beneficios_Males USING (Alimento_ID) JOIN Beneficios_Males USING (Beneficios_Males_ID) WHERE Tipo = 'M'; ____________________________ - |botão para executar a ação| label para o echo label para o echo ____________________________ -------------------------- --------------------------- |botão para executar a ação| ------------------------------------
  5. Galera boa noite, meu código não está recebendo o valor da variável na hora que é passada por post/get, podem me ajudar? E por isso, na hora de inserção no banco, a mesma recebe valor 0. Segue código do formulario: <?php header('Content-type: text/html; charset=ISO-8859-1'); ?> <meta charset="utf-8"> <head> <title>Sistema de Controle de Atas</title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> <script type="text/javascript" src="script4.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head> <body> <div id="cabecalho"> <h2>Sistema de Controle de Atas</h2> <div id="logo"> <img src="logopet.jpg" width="50" height="50" align=""> </div> <div id="ajuda_sair"> <nav id="menu"> <ul> <li><a href="sistema.php">Sair</a> </li> <li><a href="ajuda.html">Ajuda</a> </li> <li><a href="telapetiano.php">Voltar ao Menu Principal</a></li> <li><strong>Menu do Petiano &nbsp &nbsp </strong></li> </ul> </nav> </div> </div> <br></br> <br></br> <h2>Registrar Presenças </h2> <div id="grav_presenca"> <form action="grava_presencas.php" method="POST"> <?php include ("conectarbanco.php"); $recebecod=$_GET["add_presenca"]; $selecionalinha= mysqli_query($conexao, "SELECT DATE_FORMAT(Data,'%d/%c/%Y') as 'Data',r.CodReuniao from reuniao r where r.CodReuniao=$recebecod"); $campo= mysqli_fetch_array($selecionalinha); ?> <input type="hidden" id="CodReuniao" name="CodReuniao" value="<?=$campo["CodReuniao"]?>"> <label for="data">Data da Reunião:</label>&nbsp &nbsp<input type="text" name="data" size="20" maxlength="10" readonly="readonly" value="<?=$campo["Data"]?>"> <h4> Selecione os petianos presentes e ausentes: </h4> <table width="50%" border="1" bordercolor="#EEE" cellspacing="0" cellpadding="10"> <tr> <td> <strong> Código </strong> </td> <td> <strong> Nome</strong> </td> <td width="10"><strong>Presentes</strong></td> </tr> <input type="hidden" name="codPetiano" value="<?=$campo["codPetiano"]?>"> <?php include ("conectarbanco.php"); $seleciona= mysqli_query($conexao,"SELECT * FROM petianos order by nome ASC"); while($campo= mysqli_fetch_array($seleciona)){ ?> <tr> <td><?=$campo["codPetiano"]?></td> <td><?=$campo["nome"]?></td> <td><input type="checkbox" class="get_value" value="<?=$campo["nome"]?>"><label></label></td> </tr> <?php } ?> </table> <br></br> <?php include ("conectarbanco.php"); $recebecod=$_GET["add_presenca"]; $sel_itens4= mysqli_query($conexao,"SELECT r.CodReuniao FROM reuniao r WHERE CodReuniao=$recebecod"); while($campo= mysqli_fetch_array($sel_itens4)){ ?> <tr> <td><a href="grava_presencas.php?passacodigo=<?=$campo["CodReuniao"]?>"><button type="button" name="submit" id="submit">Salvar Chamada</button></a></td> </tr> <?php } ?> </table> <br></br> <h4 id="result"></h4> <script> $(document).ready(function(){ $('#submit').click(function(){ var insert = []; $('.get_value').each(function(){ if($(this).is(":checked")) { insert.push($(this).val()); } }); insert = insert.toString(); $.ajax({ url: "grava_presencas.php", method: "POST", data:{insert:insert}, success:function(data){ $('#result').html(data); } }); }); }); </script> </form> </div> Segue código da gravação: <?php header('Content-type: text/html; charset=ISO-8859-1'); ?> <?php if (isset($_POST["insert"])) { include ("conectarbanco.php"); $passacod=$_GET["passacodigo"]; $query = "INSERT INTO chamada(IdChamada,CodReuniao,nome,statusparticipante) values ('','$passacod','" . $_POST["insert"] . "','presente')"; $result = mysqli_query($conexao, $query); } echo "<script language='javascript' type='text/javascript'> alert('Presenças e Ausências Registradas!'); window.location.href='reg_presencas.php'; </script>"; ?> </body> </html>
  6. walacy.moreira

    Esconder URL página HTML

    Boa noite galera. Seguinte, eu tenho uma página em HTML e gostaria de ocultar a URL exibida no navegador. Alguém sabe se é possível? Pesquisei várias formas inclusive htaccess mas sem sucesso. Exemplo: http://meusite/chat/index.html Gostaria que ao acessar o endereço acima seja exibida apenas a url: http://meusite/ ou então: http://meusite.com.br/
  7. luanda

    Exibir se dado já existe dentro do formulário

    Eu fiz um sistema de cadastro que exibe se o username e o e-mail já foram cadastrando ou não, e caso seja, ele impede o cadastro. Mas eu gostaria que essa informação fosse exibida logo que o usuário pulasse para outro campo, sem precisar enviar todas as informações para receber este aviso. Já tentei com javascript, e também com jquery (o plugin de validação), mas como não uso bootstrap então fica difícil de fazer. Formulário: <!DOCTYPE HTML> <html> <head lang="pt-br"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/cadastro.css"> <link rel="stylesheet" type="text/css" href="css/cadastro_media.css"> <script type="text/javascript" src="js/jquery-3.3.1.js"></script> <script type="text/javascript" src="js/jquery.maskedinput-1.1.4.pack.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#telefone").mask("(99) 99999-9999"); }); </script> </head> <body> <div id="content"> <div class="box"> <div class="title">CADASTRE-SE</div> <form id="form" name="form" method="post" action="php/inseri.php"> <div class="input"> <input type="text" name="nome" id="nome" class="input-field" required="required"/> <label for="nome" class="label-field">Nome <div>*</div></label> </div> <div class="input"> <input type="text" name="sobrenome" id="sobrenome" class="input-field"/> <label for="sobrenome" class="label-field">Sobrenome</label> </div> <div class="input"> <input type="text" name="username" id="username" required="required" pattern="^[a-zA-Z0-9]+$" class="input-field"/> <label for="username" class="label-field">Username <div>*</div></label> </div> <div class="input"> <input type="email" name="email" id="email" class="input-field" required="required"/> <label for="email" class="label-field">E-mail <div>*</div></label> </div> <div class="input"> <input type="password" name="senha" id="senha" required="required" class="input-field"/> <label for="senha" class="label-field">Senha <div>*</div></label> </div> <div class="input"> <input type="text" name="telefone" id="telefone" class="input-field"/> <label for="telefone" class="label-field">Telefone</label> </div> <div style="color: #ff0000; font-size: 11px;">* Campos obrigatórios</div> <br/> <input type="submit" name="enviar" id="enviar" value="Enviar" /> </form> <div class="submit">Já tem conta? <a href="login.php">Entre!</a></div> </div> </div> </body> <script> var input = document.getElementById('username'); input.oninvalid = function(event) { event.target.setCustomValidity('Não é permitido o uso de caracteres especiais e espaço.'); } </script> <script src="http://arquivos.weblibras.com.br/auto/wl-min.js"></script> <script> var wl = new WebLibras(); </script> </html> Página de inserção: <?php include "conexao.php"; ?> <?php // captura dos dados digitados no formulário // $nome=$_POST ['nome']; $sobrenome=$_POST ['sobrenome']; $username=$_POST ['username']; $email=$_POST ['email']; $senha=$_POST ['senha']; $telefone=$_POST ['telefone']; $verifica_user = mysql_query("SELECT * FROM cadastro WHERE username='$username' LIMIT 1") or die(mysql_error()); $verifica_user = mysql_num_rows($verifica_user); $verifica_email = mysql_query("SELECT * FROM cadastro WHERE email='$email' LIMIT 1") or die(mysql_error()); $verifica_email = mysql_num_rows($verifica_email); if($verifica_user > 0){echo "Este user já está sendo utilizado!" ; }elseif($verifica_email > 0){echo "Esse e-mail já está sendo utilizado!";} else{ $sql = mysql_query("INSERT INTO cadastro (nome,sobrenome,username,email,senha,telefone) VALUES ('$nome', '$sobrenome','$username','$email','$senha','$telefone')") or die(mysql_error()); $resultado = mysql_query ($sql); header ("Location:../usuario/index.php"); } ?>
  8. marcos.troia

    HTML - Mudanças não são carregadas

    Pessoal, estou num projeto web, e uso para testes o XAMPP, mas quando faço modificações no HTML ou no JavaScript, e recarrego a pagina, as modificações não são realizadas, apenas se limpar o cache do navegador, queria saber como posso resolver isso, pois isso torna o desenvolvimento muito lento. Agradeço imensamente se puderem me ajudar.
  9. tony_lu

    Gravar conteudo HTML em string

    Ola pessoal, tenho um conteudo em html que preciso enviar via email, porém queria gravar este codigo html dentro de uma variavel, como eu faço...precisava de um exemplo por favor! Obrigado!
  10. Sou iniciante em PHP, estou criando um sistema para gerenciamento de fila de banco. https://i.imgur.com/RCDPQ5E.png Funciona assim: 1º o cliente retira a senha, a cada click uma nova senha é gerada.(até aí tudo bem) 2º quando o caixa clicar em Chamar, para chamar a próxima pessoa da fila a senha seria exibida na tela (Esse é o problema, não faço a mínima ideia de como exibir a senha via javascript). https://i.imgur.com/oznFsOu.png Obs: Todas as senhas geradas são guardadas em um txt. https://i.imgur.com/0THr1Lk.png O que foi feito até agora: HTML/JavaScript <html> <body> <title>Fila</title> <h2>Gerenciamento de fila de banco</h2> <form method = "get" action = "newbie.php"> <!--PARTE DO CLIENTE --> RETIRE SUA SENHA AQUI : <input type="submit" value="Retirar senha"/><br/> <!--PARTE DO ATENDENTE--> <br/><label>ESCOLHA O CAIXA: </label> <select> <option>CAIXA DE ATENDIMENTO/PAGAMENTO</option> </select><br/> <br/>CLIQUE AQUI PARA CHAMAR: <input type="button" value="Chamar" onclick="msg()"> </form> <script> function msg() { alert("Exibir a senha gerada aqui"); } </script> </body> </html> PHP <?php // Esse código é do 'tetsuo', um membro do fórum // define letras maiúsculas de A até Z $letras = range('A', 'Z'); // define números inteiros de 1 até 9 $numeros = range(1, 9); // embaralha as letras shuffle($letras); // embaralha os números shuffle($numeros); // cria uma senha com 3 letras - um número $senha = implode('', array_slice($letras, 3, 3)) . '-' . end($numeros); //define um nome para o arquivo $file = 'senhas.txt'; // se não puder criar/abrir o arquivo if (!$handleFile = fopen($file, "a+")) { // mostra mensagem na tela die("<p>Erro ao abrir/criar o arquivo: (<b>$file</b>)</p>"); } // grava senha com uma quebra de linha no final fwrite($handleFile, $senha . "\r\n"); // fecha o arquivo fclose($handleFile); // mostra o conteúdo do arquivo na tela: echo '<pre>'; print_r(file_get_contents($file)); echo '</pre>'; ?> <a href="newbie.html">Gerar nova senha.</a>
  11. lucascsaalvine

    Remover artigos, pronomes de um Array.

    Boa tarde pessoal, Estou com um problema que é: depois de criar a nuvem de palavras (cloud_tag) esta gerando com todos os artigos, pronomes (lixo) que estao no texto constructor(props) {. super(props);. . let data_words = [];. . for(let i in props.words) {. let item = props.words[i];. data_words.push({"text": item[0],"value": item[1]*4}). }. . this.state = {. data: data_words. }. }. Alguem pode me ajudar com alguma solucao para isso? Eu tentei algumas coisas com o `splice()`, mas nao deu muito certo nao. Obrigado....
  12. johni_9

    WebCam PHP

    Boa tarde pessoal! Já pesquisei no fórum, testei os tópico apresentados, porém não obtive sucesso. Eu preciso desenvolver um projeto em PHP, o qual realize a interação com a Webcam e a imagem capturada seja salva em um diretório e o nome dela na Base de Dados; Segue parte das páginas: FORM que contém a captura da webcam <form method="post" action="model/cadMaquina.php" enctype="multipart/form-data"> <div class="col-md-12 mb-3"><center> <div id="my_photo_booth"> <div id="my_camera"></div> <!-- First, include the Webcam.js JavaScript Library --> <script type="text/javascript" src="webcamjs/webcam.min.js"></script> <!-- Configure a few settings and attach camera --> <script language="JavaScript"> Webcam.set({ // live preview size width: 320, height: 240, // device capture size dest_width: 640, dest_height: 480, // final cropped size crop_width: 480, crop_height: 480, // format and quality image_format: 'jpg', jpeg_quality: 90, // flip horizontal (mirror mode) flip_horiz: true }); Webcam.attach( '#my_camera' ); </script> <!-- A button for taking snaps --> <!-- <form> --> <div id="pre_take_buttons"> <!-- This button is shown before the user takes a snapshot --> <input type=button value="Capturar Imagem" onClick="preview_snapshot()"> </div> <div id="post_take_buttons" style="display:none"> <!-- These buttons are shown after a snapshot is taken --> <input type=button value="Novo Registro" onClick="cancel_preview()"> <!-- <input type=button value="Save Photo >" onClick="save_photo()" style="font-weight:bold;"> --> </div> <!-- </form> --> </div> <div id="results" style="display:none"> <!-- Your captured image will appear here... --> </div> <!-- Code to handle taking the snapshot and displaying it locally --> <script language="JavaScript"> // preload shutter audio clip var shutter = new Audio(); shutter.autoplay = false; shutter.src = navigator.userAgent.match(/Firefox/) ? 'shutter.ogg' : 'shutter.mp3'; function preview_snapshot() { // play sound effect //try { shutter.currentTime = 0; } catch(e) {;} // fails in IE //shutter.play(); Webcam.snap( function(data_uri) { Webcam.upload( data_uri, 'model/cadMaquina.php', function(code, text) { document.getElementById('results').innerHTML = '<h2>Here is your image:</h2>' + '<img src="'+text+'"/>'; }); }); // freeze camera so user can preview current frame Webcam.freeze(); // swap button sets document.getElementById('pre_take_buttons').style.display = 'none'; document.getElementById('post_take_buttons').style.display = ''; } function cancel_preview() { // cancel preview freeze and return to live camera view Webcam.unfreeze(); // swap buttons back to first set document.getElementById('pre_take_buttons').style.display = ''; document.getElementById('post_take_buttons').style.display = 'none'; } </script> </div></center> <div class="col-md-12 mb-1"> <input type="submit" class="btn btn-success" style="margin-top: 2px; width: 100%;" value="Cadastrar"> </div> CADMAQUINA.PHP <?php include("../conexao.php"); $nome = md5(time()) . '.jpg'; $filepath = 'img/'; move_uploaded_file($_FILES['webcam']['tmp_name'], $filepath.$nome); $cadMaquina = "INSERT INTO inventario SET fotoMaquina='$nome'"; if ($conn->query($cadMaquina)) { echo "Máquina cadastrada com sucesso!!!"; } else { echo "Máquina não cadastrada!!!"; } ?>
  13. Quando eu abro o email no Gmail, vai em formato de HTML, mas no Outlook fica todo zuado, o código está assim: $email_enviar = "Nome <email@exemplo.com>"; $email_para = "Nome <email@exemplo.com>"; $cabecalho = 'MIME-Version: 1.0' . "\r\n"; $cabecalho.= 'Content-type: text/html; charset=UTF-8;' . "\r\n"; $cabecalho.= "Return-Path: $email_enviar \r\n"; $cabecalho.= "From: $email_enviar \r\n"; $cabecalho.= "Reply-To: $email_enviar \r\n"; $assunto = "Assunto"; $menssagem = " <!doctype html> <html lang='pt-br'> <head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'> <meta http-equiv='X-UA-Compatible' content='ie=edge'> <title>Título</title> <style type='text/css'> </head> <body> <div align='center'> <h1>Título</h1> </div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget commodo tortor, eget tincidunt urna. Aliquam odio elit, tristique ac nisl vel, fermentum porta elit. Suspendisse urna magna, maximus et ipsum quis, rutrum tristique sem. Curabitur faucibus nulla malesuada dolor venenatis pharetra. Curabitur ac massa placerat, viverra nibh id, volutpat nibh. Vestibulum leo purus, placerat vel lorem eu, rhoncus lacinia erat. Morbi venenatis fermentum pretium.</p> </body> </html> "; if (mail($email_para, $assunto, $mensagem, $cabecalho)){ echo 'Sucesso'; } else { echo 'Erro'; }
  14. Tem como eu configurar uma página em um site para ler um código de barras pela câmera do mobile? Se sim há como fazer só com php e javascript?
  15. Estou fazendo um menu de cardápio, utilizando TAB. OBS: peguei o código pronto na net, farei a devida customização posteriormente) Dentro da TAB eu tenho uma TABLE(tabela), onde cada linha deve conter 4 colunas. Coluna 1: Foto do Item - Coluna 2: Descrição Coluna 3: Foto do Item - Coluna 4: Descrição Quando abro minha página no celular, a foto fica minuscula, e a descrição fica comprimida e mais vertical. Ficando foto - descrição e ao lado novamente foto - descrição Ou seja, de certa forma, está responsivo, por isso da palavra entre parenteses no título. Gostaria que a foto ficasse em um tamanho visível, com sua descrição abaixo, e a foto seguinte junto cem sua descrição, fossem jogadas pra baixo. Segue abaixo. Lembrando que essa tabela dentro das tabs esta no corpo de uma página em Wordpress. <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body {font-family: Arial;} * { box-sizing: border-box; } /* Style the tab */ .tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; } /* Style the buttons inside the tab */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; width: 33%; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current tablink class */ .tab button.active { background-color: #ccc; } /* Style the tab content */ .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } @media only screen and (max-width:500px) { /* For mobile phones: */ .tab, .tab button, { width: 100%; } } </style> </head> <body> <p>In this example, we use JavaScript to "click" on the London button, to open the tab on page load.</p> <div class="tab"> <button class="tablinks" onclick="openCity(event, 'London')" id="defaultOpen">London</button> <button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button> <button class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</button> </div> <div id="London" class="tabcontent"> <h3>London</h3> <p>London is the capital city of England.</p> <table border="0" width="100%"> <tr> <td style="width:25%; "> <img src="https://cctst.000webhostapp.com/wp-content/uploads/2018/11/pizza.jpg" alt="kibe" style="width:100%;"></td> <td style="width:25%;"> <h3 style="margin-top:0px; margin-bottom:0px;">Kibe</h3> <p style="margin-top:0px; margin-bottom:0px;">[Descrição] – Kibe de carne, temperada com ervas</p> <p style="margin-top:0px; margin-bottom:0px;">(cento) R$50 (unidade) R$2</p> </td> <td style="width:25%;"> <img src="https://cctst.000webhostapp.com/wp-content/uploads/2018/11/Hot-Dogs.jpg" alt="coxinha" style="width:100%;"> </td> <td style="width:25%;"> <h3 style="margin-top:0px; margin-bottom:0px;">Coxinha</h3> <p style="margin-top:0px; margin-bottom:0px;">[Descrição] – Coxinha de Frango, temperada com ervas</p> <p style="margin-top:0px; margin-bottom:0px;">(cento) R$50 (unidade) R$2</p> </td> </tr> </table> </div> <div id="Paris" class="tabcontent"> <h3>Paris</h3> <p>Paris is the capital of France.</p> </div> <div id="Tokyo" class="tabcontent"> <h3>Tokyo</h3> <p>Tokyo is the capital of Japan.</p> </div> <script> function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click(); </script> </body> </html> Imagem - COMO FICA Imagem - COMO DEVERIA FICAR Já tentei de tudo, modifiquei width de colunas, utilizei float, coloquei um código no topo, dentro de style que diz ser voltado para telas de celular e também sem resultado. Acredito que seja algo bem simples pois ao testar o float, uma das imagens minusculas, mudou de tamanho, mas o conteúdo não vai pra linha seguinte, fica todo aglutinado. Desde já agradeço.
  16. Gaabmm

    Adicionar e remover produtos (com valores)

    Oi pessoal! Então... sou iniciante no JavaScript e estou tentando desenvolver uma lógica como se fosse um carrinho de compras. Eu tenho um modal que possui vários combos conforme a imagem (6 por período que se divide em matutino e vespertino). Conforme o usuário clica em selecionar em qualquer um dos combos ele adiciona uma Tag do Bootstrap no meu HTML, por exemplo: se eu selecionar COMBO 1 - MATUTINO ele adiciona esta Tag e o modal se fecha, clico novamente no botão Exibir Combos, abre novamente o modal e clico novamente em um combo que desejo e adiciona outra Tag... O problema está na soma destes combos que tem que ser feita de forma dinâmica, conforme vai adicionando os combos escolhidos... E também estou com dificuldades em remover, pois como vou fazer para que o JavaScript entenda que quero remover COMBO X com um valor e não COMBO Y?! E como vou fazer para diminuir do valor total da soma desses combos, o combo que quero remover?
  17. Michel Coleoni

    Tag canonical em todas as páginas

    Olá, gostaria de saber se para que meu SEO seja melhor eu devo ou não colocar a tag canonical em todas as páginas, incluindo de cada produto disponível no site.
  18. Michel Coleoni

    Uma página para vários produtos diferentes

    Boa tarde galera! Sou iniciante na programação web e preciso de ajuda, o projeto que estou programando tem vários produtos e eu gostaria de saber se devo criar uma página html para cada um(o que eu acho que não seja viável) ou se eu crio uma única página mas dependendo do produto as fotos e os textos mudam, caso seja a segunda opção gostaria de saber como faço isso. Obg!
  19. Michel Coleoni

    Páginas na pesquisa do google

    Bom dia galera, gostaria de saber como altero o SEO do meu site para que ele fique neste formato no Google (Com o index no topo e as páginas aparecendo em sequência em baixo):
  20. Galera tenho o seguinte codigo onde se escolhe o estado e logo apos a cidade deste estado, Só que agora tenho mais uma questão Existe a possibilidade de que quando a pessoa escolhe por exemplo o Estado: São Paulo e depois a Cidade por exemplo Ribeirão Preto ai abre uma página com informações dessa cidade? Ou um botão que depois que escolher as opções no Comobox a pessoa clica no botão e acessa a página relativa a sua escolha? Da para fazer isso com Javascript? segue o codigo que achei aqui mesmo. <!DOCTYPE html> <html lang="pt-BR" dir="ltr"> <script> var options = { "São Paulo" : ["São Paulo", "Itápolis", "Araraquara", "Ribeirão Preto", "Jacareí"], "Rio de Janeiro" : ["Rio de Janeiro", "Niteroi", "Petropolis", "Belford Roxo", "Nova Iguaçu"], "Santa Catarina" : ["Joinville", "Florianópolis", "Blumenau", "Criciúma", "Chapecó"] }; var load= function(){ var estados = document.getElementById("estados"); var chaves = Object.keys(options); var l = document.createElement("option"); l.textContent = 'Escolha um estado'; l.value = null; estados.appendChild(l); for(var i = 0; i < chaves.length; i++) { var opt = chaves[i]; var el = document.createElement("option"); el.textContent = opt; el.value = opt; estados.appendChild(el); } } var setCidades = function (){ var estados = document.getElementById("estados"); var estado = estados.options[estados.selectedIndex].value; var cidades = options[estado]; var cidade = document.getElementById("cidade"); cidade.innerHTML=''; if(cidades){ for(var i = 0; i < cidades.length; i++) { var el = document.createElement("option"); el.textContent = cidades[i]; el.value = cidades[i]; cidade.appendChild(el); } } } </script> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body onload="load();"> Escolha o Estado <select id="estados" onchange="setCidades(); return false;"> </select> <br> Escolha a Cidade <select id="cidade" > </select> </body> </html>
  21. guzulino

    Formar uma frase a partir de checkbox selecionados

    Bom dia pessoal, estou com uma dúvida aqui que está me deixando louco. Estou tentando formar uma frase com os dados vindos de uma checkbox, mas não consigo formar a frase, pois sempre que tento pegar o valor de um checkbox sempre encontro respostas que me levam a um loop em php, porém não consigo formar a frase com isso. Segue meu código: Formulário: <form name="adicionar_jogo_admin" action="validacao_add_jogo_admin.php" method="POST" enctype="multipart/form-data"> <input type="checkbox" name="genero_jogo[]" value="Aventura">&nbsp;Aventura<br> <input type="checkbox" name="genero_jogo[]" value="Acesso Antecipado">&nbsp;Acesso Antecipado<br> <input type="checkbox" name="genero_jogo[]" value="Estratégia">&nbsp;Estratégia<br> <input type="checkbox" name="genero_jogo[]" value="Indie">&nbsp;Indie<br> <input type="checkbox" name="genero_jogo[]" value="RPG">&nbsp;RPG<br> <input type="checkbox" name="genero_jogo[]" value="Ação">&nbsp;Ação<br> <input type="checkbox" name="genero_jogo[]" value="Corrida">&nbsp;Corrida<br> <input type="checkbox" name="genero_jogo[]" value="Esportes">&nbsp;Esportes<br> <input type="checkbox" name="genero_jogo[]" value="Gratuito para jogar">&nbsp;Gratuito para jogar<br> <input type="checkbox" name="genero_jogo[]" value="Multijogador Massivo">&nbsp;Multijogador Massivo<br> <input type="checkbox" name="genero_jogo[]" value="Simulador"/>&nbsp;Simulador </form> PHP: <? php $genero_jogo = $_POST['genero_jogo']; foreach ($genero_jogo as $genero_jogo_temp) { $genero_jogo_temp = $genero_jogo_temp."<br>"; echo $genero_jogo_temp; } ?> A moral é que qualquer coisa que eu colocar depois echo é exibido a cada loop, e esse é o meu problema, se tem algum tópico com isso ou algum jeito de pegar os valores de um checkbox sem que seja por um loop, ou de forma que eu consiga colocar em uma frase é meu objetivo. Valeu.
  22. fernando britto

    Como adicionar botão Fullscreen

    Tenho esse código html porém preciso acrescentar mais um botão com a função Fullscreen nele, más não sei como da os comandos lá em baixo. Eu segui a mesma sequencia dos outros porém não sei como da os comandos para que ele abra em tela cheia. <div style="text-align:center"> <button onclick="playPause()">Play/Pause</button> <button onclick="makeGrande()">Grande</button> <button onclick="makePequeno()">Pequeno</button> <button onclick="makeNormal()">Normal</button> <button onclick="makeFullscreen ()">Fullscreen</button> <br><br> <video id="video1" width="420"> <source src="" type="video/mp4"> <source src="mov_bbb.ogg" type="video/ogg"> Your browser does not support HTML5 video. </video> </div> <script> var myVideo = document.getElementById("video1"); function playPause() { if (myVideo.paused) myVideo.play(); else myVideo.pause(); } function makeGrande() { myVideo.width = 660; } function makePequeno() { myVideo.width = 220; } function makeNormal() { myVideo.width = 420; } </script>
  23. Boa noite galera! Hoje quando acordei e fui continuar um projeto percebi que uma barra de rolagem horizontal aparece quando eu passo em certa parte da página e ontem não estava assim, eu não sei o que está ocasionando isso, já revi e refiz o código várias vezes e nada muda. Alguém sabe o que pode ser? Site hosteado em: http://51.254.7.125 HTML: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <!-- SEO --> <title>Chapas Paraná</title> <meta name="description" content="#"> <link rel="canonical" href="https://www.chapasparana.com.br/"> <meta name="author" content="Michel Coleoni"> <link rel="author" href="https://michelcoleoni.com.br/"> <meta name="url" content="https://chapasparana.com.br/"> <meta name="coverage" content="Worldwide"> <meta name="robots" content="index, follow"/> <!-- Open Graph Facebook --> <meta property="og:title" content="Início"> <meta property="og:description" content="#"> <meta property="og:url" content="https://chapasparana.com.br/"> <meta property="og:site_name" content="Chapas Paraná"> <meta property="og:type" content="website"> <meta property="og:image" content="#"> <meta property="og:locale" content="pt_BR"> <!-- Twitter --> <meta name="twitter:title" content="Início"> <meta name="twitter:description" content="#"> <meta name="twitter:url" content="https://chapasparana.com.br/"> <meta name="twitter:card" content="summary"> <meta name="twitter:image" content="#"> <meta name="twitter:creator" content="@michelcoleoni"> <link rel="icon" type="image/png" href="img/icons/favicon.png"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/mdb.min.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous"> <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> </head> <body> <!-- Loader --> <div id="loader" class="loader"></div> <!-- Header --> <header> <nav class="navbar navbar-expand-lg navbar-light fixed-top"> <div class="container"> <a class="navbar-brand" href="index.html"><img src="img/icons/logo.png" height="45" alt="Chapas Paraná"></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav" aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="basicExampleNav"> <ul class="navbar-nav ml-auto"> <li class="nav-item"><a class="nav-link" href="index">Início</a></li> <li class="nav-item"><a class="nav-link" href="#sobre">Sobre nós</a></li> <li class="nav-item"><a class="nav-link" href="#produtos">Produtos</a></li> <li class="nav-item"><a class="nav-link" href="#contato">Contato</a></li> </ul> </div> </div> </nav> </header> <!-- Main --> <main> <div class="mt-5 mb-5"> <!-- Sobre --> <section id="sobre"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="about-header"> <h2 data-aos="fade-right"><b>Sobre</b> Nós</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <button class="btn z-depth-0 my-3 waves-effect">Continuar lendo</button> </div> </div> <div class="col-md-6"> <img src="img/sobre.png" style="width: 100%; height: auto;" data-aos="fade-left"> </div> </div> </div> </section> <!-- Produtos --> <section id="produtos"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-header"> <h2 data-aos="fade-up">Nossos <b>Produtos</b></h2> </div> </div> </div> <div class="row"> <div class="col-md-4" data-aos="fade-up"> <div class="produto"> <div class="produto-bg produto-bg-1"> <h2>ACM</h2> </div> <div class="produto-text"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <a href="" class="btn-area">Ler mais <i class="fas fa-arrow-right"></i></a> </div> </div> </div> <div class="col-md-4" data-aos="fade-up"> <div class="produto"> <div class="produto-bg produto-bg-2"> <h2>Acrílico</h2> </div> <div class="produto-text"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <a href="" class="btn-area">Ler mais <i class="fas fa-arrow-right"></i></a> </div> </div> </div> <div class="col-md-4" data-aos="fade-up"> <div class="produto"> <div class="produto-bg produto-bg-3"> <h2>PVC</h2> </div> <div class="produto-text"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <a href="" class="btn-area">Ler mais <i class="fas fa-arrow-right"></i></a> </div> </div> </div> <div class="col-md-4" data-aos="fade-up"> <div class="produto"> <div class="produto-bg produto-bg-4"> <h2>PS</h2> </div> <div class="produto-text"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <a href="" class="btn-area">Ler mais <i class="fas fa-arrow-right"></i></a> </div> </div> </div> <div class="col-md-4" data-aos="fade-up"> <div class="produto"> <div class="produto-bg produto-bg-5"> <h2>Poliondas</h2> </div> <div class="produto-text"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <a href="" class="btn-area">Ler mais <i class="fas fa-arrow-right"></i></a> </div> </div> </div> </div> </div> </section> <!-- Contato --> <section id="contato"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="contact-header"> <h2 data-aos="fade-right">Entre em <b>contato</b></h2> </div> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce consequat tellus massa, quis sodales dui cursus ac. Sed ipsum augue, fringilla id volutpat sed, ultrices ut erat.</p> <p class="text-left"><i class="fas fa-phone"></i> (44) 3024-2259</p> <p class="text-left"><i class="fas fa-mobile-alt"></i> (44) 9 9910-1552</p> <p class="text-left"><i class="fas fa-at"></i> chapasparana@gmail.com</p> <br> <div class="contact-header"> <h2 data-aos="fade-right">Onde estamos?</h2> </div> <p class="text-justify"><i class="fas fa-map-marker-alt"></i> Av. Arq. Nildo Ribeiro da Rocha, 1701 B. Maringá - PR</p> <div id="map-container" class="map-container z-depth-1-half" style="height: 205px; width: 100%;"></div> </div> <div class="contact-form col-md-6" data-aos="fade-left"> <form method="post" class="text-center p-5" action="mail.php"> <label class="h3 mb-3">Fale conosco</label> <input type="text" id="formName" class="form-control mb-3" placeholder="Nome" name="name" required> <input type="email" id="formEmail" class="form-control mb-3" placeholder="E-mail" name="email" required> <label class="h4 mb-3">Assunto</label> <select class="browser-default custom-select mb-3" name="subject"> <option value="1" disabled>Escolha uma opção</option> <option value="2">Orçamento</option> <option value="3">Dúvida</option> <option value="4">Feedback</option> <option value="5">Outro</option> </select> <div class="form-group" style="font-weight: 300;"> <textarea class="form-control rounded-0" id="exampleFormControlTextarea2" rows="3" placeholder="Mensagem" name="message" required></textarea> </div> <div class="custom-control custom-checkbox mb-3"> <input type="checkbox" class="custom-control-input" id="defaultContactFormCopy" style="font-weight: 300;"> <label class="custom-control-label" for="defaultContactFormCopy" style="font-weight: 300; font-size: 14px;">Enviar-me um cópia da mensagem</label> </div> <button class="btn btn-block z-depth-0 my-5 waves-effect" type="submit" name="submit">Enviar</button> </form> </div> </div> </div> </section> </div> </main> <!-- Footer --> <footer class="page-footer"> <!-- Newsletter --> <div class="newsletter"> <div class="flex-center text-center"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3 data-aos="fade-down">Fique por dentro!</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <form> <input type="email" name="newsEmail" placeholder="E-mail" class="mt-3"> <button class="btn z-depth-0 my-3 waves-effect" type="submit"><i class="fas fa-check"></i></button> </form> </div> </div> </div> </div> </div> <div class="social"> <div class="flex-center text-center"> <div class="container"> <div class="row"> <div class="col-md-12"> <a href="https://www.facebook.com/chapasparana/" title="Facebook" target="_blank"><i class="fab fa-facebook-f"></i></a> <a href="#" title="Instagram" target="_blank"><i class="fab fa-instagram"></i></a> <a href="#" title="Whatsapp" target="_blank"><i class="fab fa-whatsapp"></i></a> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="copyright col-md-6 py-3"> <p>Chapas Paraná &copy; <script> document.write(new Date().getFullYear()); </script>. Todos direitos reservados</p> </div> <div class="developer col-md-6 py-3"> <a href="https://instagram.com/michelcoleoni" target="_blank"><img src="img/icons/michel-coleoni.png" height="25" alt="Desenvolvido por: Michel Coleoni"></a> </div> </div> </div> </footer> <!-- Return top button --> <a href="javascript:" id="return-to-top" title="Voltar ao topo"><i class="icon-chevron-up"></i></a> <!-- Scripts --> <script src="js/jquery-3.3.1.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/mdb.min.js"></script> <script src="https://maps.google.com/maps/api/js"></script> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <script> AOS.init({ duration: 1000, }); </script> <script> $(window).on('load', function() { $(".loader").delay(1500).fadeOut("slow"); $('body').delay(1500).css({'overflow':'visible'}); }) </script> <script> $(window).scroll(function() { if ($(this).scrollTop() >= 50) { $('#return-to-top').fadeIn(200); } else { $('#return-to-top').fadeOut(20); } }); $('#return-to-top').click(function() { $('body,html').animate({ scrollTop : 0 }, 500); }); </script> <script> function regular_map() { var var_location = new google.maps.LatLng(-23.448580, -51.930571); var var_mapoptions = { center: var_location, zoom: 14 }; var var_map = new google.maps.Map(document.getElementById("map-container"), var_mapoptions); var var_marker = new google.maps.Marker({ position: var_location, map: var_map, title: "Av. Arq. Nildo Ribeiro da Rocha, 1701 B. Maringá - PR" }); } google.maps.event.addDomListener(window, 'load', regular_map); </script> </body> </html> CSS: @import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900'); html, body{ font-family: 'Roboto', sans-serif; } .box{ width: 408px; height: 100px; margin: 100px auto; background: red; padding-top: 58px; text-align: center; color: white; } /* Loader */ .loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('../img/loading.gif') 50% 50% no-repeat white; } /* Header */ header{ position: static; } .bg-top h1{ color: white; font-weight: 600; font-size: 35px; letter-spacing: 4px; padding-top: 7rem !important; padding-bottom: 7rem !important; } .bg-top{ position: relative; background: center no-repeat; background-size: cover; } /* Navbar */ nav{ background-color: #FAFAFA; } .navbar{ -webkit-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.06); -moz-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.06); box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.06); } .navbar.navbar-light .breadcrumb .nav-item .nav-link, .navbar.navbar-light .navbar-nav .nav-item .nav-link{ font-family: 'Roboto', sans-serif; color: #707070; font-size: 15px; font-weight: 400; } .nav-item{ padding-left: 20px; transition: .3s; } #basicExampleNav a:hover{ color: #207EBC; top: -2px; } /* Footer */ footer{ background-color: #207EBC; font-size: 15px; } footer p, i{ margin-bottom: 0; } .copyright, .developer{ width: 100%; height: 100%; } .copyright{ text-align: left; } .developer{ text-align: right; } .newsletter{ width: 100%; height: 350px; background-image: url(../img/novidades.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .newsletter h3{ font-family: 'Raleway', sans-serif;; font-size: 40px; color: #141414; font-weight: 800; text-transform: uppercase; letter-spacing: 3px; padding-bottom: 10px; } .newsletter p{ font-family: 'Raleway', sans-serif;; font-size: 16px; color: #141414; font-weight: 400; } .newsletter form{ padding-top: 30px; } .newsletter input{ width: 30%; color: #2b2b2b; border: none; border-top-left-radius: 50px; border-bottom-left-radius: 50px; border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 15px; padding-left: 20px; margin: 0; } .newsletter form button{ background-color: #007bff; border: none; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-top-left-radius: 0; border-bottom-left-radius: 0; font-size: 20px; padding: 11.5px; width: 120px; text-transform: capitalize; margin: 0; margin-left: -3px; top: -1px; } .newsletter form button:hover{ transition: .5s; background-color: #3194ff; } .social{ width: 100%; height: 80px; background: #1e73ab; } .social a{ font-size: 22px; color: white; margin-right: 20px; margin-left: 20px; } @media only screen and (max-width: 769px) { .newsletter form button{ top: -1px; width: 80px; padding: 11px; } .newsletter input{ width: 58%; } } @media only screen and (max-width: 769px) { .copyright, .developer{ text-align: center; } } /* About */ #sobre{ background-color: #FAFAFA; margin-bottom: 5rem !important; overflow-x: hidden; } .about-header{ text-align: left; margin-bottom: 20px; margin-top: 12%; } @media only screen and (max-width: 769px) { .about-header{ text-align: center; margin-bottom: 20px; margin-top: 15px; } .about-header button{ left: 0.5%; } .about-header h2{ margin-top: 30px; } #sobre{ margin-bottom: 3rem !important; } #sobre img{ padding-bottom: 30px; } } .about-header h2{ font-family: 'Raleway', sans-serif;; font-size: 35px; color: #888887; font-weight: 200; text-transform: uppercase; letter-spacing: -.05em; } .about-header p{ text-align: justify; padding-top: 10px; } .about-header b{ font-family: 'Raleway', sans-serif;; font-size: 40px; color: #007bff; font-weight: 800; text-transform: uppercase; letter-spacing: -.05em; } .about-header button{ background-color: #007bff; border: none; border-radius: 50px; font-weight: 500; font-size: 16px; padding: 10px; width: 170px; text-transform: capitalize; } .about-header button:hover{ transition: .5s; background-color: #3194ff; } /* Contact */ @media only screen and (max-width: 769px) { #contato{ text-align: center; } #map-container{ margin-bottom: 3rem !important; } } #contato{ margin-top: 5rem !important; } .contact-header h2{ font-family: 'Raleway', sans-serif;; font-size: 35px; color: #888887; font-weight: 200; text-transform: uppercase; letter-spacing: -.05em; } .contact-header p{ text-align: justify; padding-top: 10px; } .contact-header b{ font-family: 'Raleway', sans-serif;; font-size: 40px; color: #007bff; font-weight: 800; text-transform: uppercase; letter-spacing: -.05em; } #contato h1{ font-family: 'Roboto', sans-serif; font-size: 28px; color: #555555; font-weight: 500; } #contato i{ font-size: 20px; color: #007BFF; padding-right: 5px; } #map-container{ -webkit-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.06); -moz-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.06); box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.06); } #map-card{ height: 50%; width: 100%; } .contact-form form{ background-color: #FAFAFA; height: 94%; width: 100%; -webkit-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.06); -moz-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.06); box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.06); padding: 3rem !important; } @media only screen and (max-width: 769px) { .contact-form form{ padding: 2rem !important; } } .contact-form .h4{ font-family: 'Roboto', sans-serif; font-size: 18px; color: #555555; font-weight: 400; } .contact-form .h3{ font-family: 'Roboto', sans-serif; font-size: 20px; color: #555555; font-weight: 400; } .contact-form p, input, label, text-area, .form-control, select{ font-family: 'Roboto', sans-serif; font-size: 15px; color: #555555; font-weight: 300; } .contact-form button{ background-color: #007bff; border: none; border-radius: 50px; font-weight: 500; font-size: 18px; padding: 10px; text-transform: capitalize; } .contact-form button:hover{ transition: .5s; background-color: #3194ff; } /* Products */ #produtos{ overflow-x: hidden; } .section-header{ text-align: center; margin-bottom: 30px; margin-top: 15px; } .section-header h2{ font-family: 'Raleway', sans-serif;; font-size: 35px; color: #888887; font-weight: 200; text-transform: uppercase; letter-spacing: -.05em; } .section-header b{ font-family: 'Raleway', sans-serif;; font-size: 40px; color: #007bff; font-weight: 800; text-transform: uppercase; letter-spacing: -.05em; } .produto{ border: 1px solid #ebebeb; text-align: center; background: #FAFAFA; margin-bottom: 30px; } @media only screen and (max-width: 769px) { .produto{ margin-top: 15px; } .produto-bg h2{ font-size: 13px; } .section-header{ margin-bottom: 15px; } } .produto-bg{ height: 200px; position: relative; } .produto-bg h2{ color: white; background: #007bff; border: 1px solid #007bff; font-size: 17px; text-align: center; font-weight: 700; padding: 15px; position: absolute; left: 8%; width: 84%; margin: 0; bottom: -25px; letter-spacing: 1px; } .produto-bg-1{ background: url("../img/produtos/acm.png"); -webkit-background-size: cover; background-size: cover; background-position: center; } .produto-bg-2{ background: url("../img/produtos/acrílico.png"); -webkit-background-size: cover; background-size: cover; background-position: center; } .produto-bg-3{ background: url("../img/produtos/pvc.png"); -webkit-background-size: cover; background-size: cover; background-position: center; } .produto-bg-4{ background: url("../img/produtos/ps.png"); -webkit-background-size: cover; background-size: cover; background-position: center; } .produto-bg-5{ background: url("../img/produtos/poliondas.png"); -webkit-background-size: cover; background-size: cover; background-position: center; } .produto-text{ padding: 50px 30px 20px; font-size: 15px; font-weight: 300; } .produto-text p:last-child{ margin: 0; line-height: 1.8; } .btn-area{ display: inline-block; font-weight: 400; font-size: 16px; margin-top: 25px; } .btn-area i{ font-size: 14px; } /* Return top button */ #return-to-top { position: fixed; bottom: 75px; right: 20px; background: #F2F2F2; width: 35px; height: 35px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.16); } #return-to-top i { color: #222; margin: 0; position: relative; left: 11.5px; top: 4px; font-size: 13px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #return-to-top:hover { background: #F2F2F2; } #return-to-top:hover i { top: 0px; }
  24. matheusdemelovieira

    Me ajudem Por favor HTML CSS LI?

    Oi pessoal bom dia, minha duvida é:como eu deixo a li "pedidos de oração"em linha reta?me ajudem estou travado nisso a horas.apenas quero deixar o "pedidos de oração como se fosse numa linha só.
  25. Olá galera. Seguinte, sou estagiário de uma empresa de jogos, onde sou a unica pessoa de T.I nela, então se puderem me dar uma luz agradeço muito. A situação é o seguinte, temos uma plataforma online, feita em php e já hospedada em um servidor com gestão via CPanel. No caso, a plataforma foi feita por terceiros onde não tive contato. O que nós gostariamos de fazer é simplesmente duplicar essa plataforma, ou seja, fazer 2 sites. Por exemplo www.esseéomeusite.com.br tendo uma copia > www.esseéomeusite/jogonovo.com.br Pra assim podermos começar a atuar em mais de 1 jogo. Porém não faço ideia de onde começar, seria possivel fazer isso? Tendo em vista que caso eu copie o site e faça uma pasta dentro do public_html ele sempre vai redirecionar pra plataforma atual. Desde já obrigado. Ps : Pesquisei algumas coisas, e ouvi falar sobre o PATH, URL absoluto e os arquivos de config HTACESS se puderem me explicar um pouco sobre isso também agradeço. Desde já obrigado.
×

Informação importante

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