Ir ao conteúdo
  • Cadastre-se

Medivh

Membro Pleno
  • Posts

    26
  • Cadastrado em

  • Última visita

Reputação

5
  1. @Cordas entendo, sobre usar javascript, você teria alguma ideia?
  2. @DiF e @Cordas, agradeço a reposta, a ideia mesmo erá desse contêiner ' .Texto ', é ter um tamanho limite, que no caso um tamanho de 4,9 centímetros. Estou fazendo um projeto pessoal, nele me deparei com esse problema e queria saber se teria como somente a imagem ser responsiva, sem sobrepor a 'div pai' ou as 'div irmãs'.
  3. Como deixar uma div que contém uma imagem dentro ocupe todo o espaço disponível restante, de forma responsiva. Mesmo deixando o display:relative , ainda consegui o efeito desejado, a imagem sempre sai um pouco da div pai, a ideia é que a imagem fique dentro da div pai que tem um tamanho fixo, e conforme vai inserindo conteúdo na div class:Bloco5 (conteúdo em vermelho), a imagem vai diminuindo seu tamanho sem vazar da div pai. Anexei uma imagem que mostra a dúvida que estou tendo, uma imagem não responsiva. Segue o html e css feito https://jsfiddle.net/q1cpjg7r/ Adicionei o html abaixo caso seja melhor, é a mesmo html do link jsfiddle <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <style media="screen"> .Texto{ max-width:10cm; max-height:4.9cm; border: solid 1px; padding:3px; } .Bloco2{ display:flex; } .Bloco3{ background-color:blue; } .Bloco4{ background-color:green; } .Bloco5{ background-color:red; } .Bloco6{ position:relative; height:100%; } span{ position:relative; width:100%; height:100%; } span img{ position:reltative; margin-top:5px; width:100%; height:100% } </style> </head> <body> <div class="Texto"> <div class="Bloco2"> <div class="Bloco3"> <b>Um Texto um aqui</b> </div> <div class="Bloco4"> <b>Um Texto dois aqui</b> </div> </div> <div class="Bloco5"> <b>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</b> </div> <div class="Bloco6"> <span> <img src="teste.jpg" alt="" class="imagem"> </span> </div> </div> </body> </html>
  4. Existe alguma maneira de testar a integração do instagram em um site localhost? Já tentei fazendo a criação no sandbox do instagram, porém quando vou tentar acessar https://www.instagram.com/oauth/authorize?app_id=id_aqui&redirect_uri=o_caminho_do_localhost_aqui&scope=user_profile,user_media&response_type=code A ideia é pegar as fotos postadas, porém ao fazer o login ele lança o erro O que poderia ser o problema?
  5. Estou tentando entender na forma de código a 'ordenação por seleção',em que processa 2 arrays, capturando o menor número e inserindo em outro array e assim sucessivamente até o fim. O código funciona com números com o intervalo de 2 em 2: $vetor1=['1','3','5','7','9']; $vetor2=['2','4','6','8','10']; Mas quando em sequencia ou um certo intervalo entre ou outro, alguns números podem se repetir ou não ficar na ordem certa. Um exemplo abaixo, a exibição não aparece na ordem correta: $vetor1=['1','2','3','4','5']; $vetor2=['6','7','8','9','10']; Aqui outro exemplo em que o desejado é um array de 10 indices, mas retorna chaves a mais. $vetor1=['13','21','31','42','5332']; $vetor2=['6','7','8','9','1012']; Esse é o código que conseguir até o momento. $cont3=0; for($cont1=0; $cont1<5; $cont1++){ if($vetor1[$cont1] < $vetor2[$cont1]){ $vetor3[$cont3]= $vetor1[$cont1]; $cont3 = $cont3 + 1; $vetor3[$cont3] = $vetor2[$cont1]; $cont3 = $cont3 + 1; } if($vetor1[$cont1] > $vetor2[$cont1]){ $vetor3[$cont3]= $vetor2[$cont1]; $cont3 = $cont3 + 1; for($cont2=$cont1+1;$cont2<5;$cont2++){ if($vetor2[$cont2] < $vetor1[$cont1]){ $vetor3[$cont3] = $vetor2[$cont2]; $cont3 = $cont3 + 1; } } $vetor3[$cont3] = $vetor1[$cont1]; $cont3 = $cont3 + 1; } } Gostaria de uma orientação do que poderia está causando isso.
  6. Como posso gravar todas as informações de um objeto em um banco de dados. Após a execução dos métodos de uma classe, queria saber como faço para pegar as informações do mesmo e passar de forma organizada em um banco de dados usando um formulário?
  7. @washalbano Fiz dessa forma que você me explicou, mas agora está dando o seguinte erro: Fatal error: Cannot redeclare inserir() (previously declared in C:\...\crudv2\funcao.php:9) in C:\...\crudv2\funcao.php on line 13 Como poderia corrigir esse erro? <?php if(isset($_POST['nome'])){ include "funcao.php"; inserir($_POST['nome']); } ?> <form method="POST"> <fieldset> <legend>Cadastro</legend> Nome:<input type="text" name="nome"><br> <input type="submit" value="Enviar"> </fieldset> </form> <?php ini_set('display_errors',1); ini_set('display_startup_erros',1); error_reporting(E_ALL); include "conexao.php"; include "formulario.php"; function inserir($nomes){ $sql="INSERT INTO crud (nome) VALUES ('$nome')"; $rs=mysqli_query($link,$sql); echo !empty($rs)? "<script>alert('$nome, Inserido com sucesso');</script>" : "Falha"; } ?>
  8. Estou tentando colocar cada funcionalidade de um crud dentro de uma função,pra assim quando clicar em alguma delas, executar a função, mas ainda não estou conseguindo um resultado. Estou levando em consideração ao que aprendi em C só que ainda não esta funcionando!! Aqui está o formulário simples para teste com um campo só. <form method="POST" action=""> <fieldset> <legend>Cadastro</legend> Nome:<input type="text" name="nome"><br> <input type="submit" value="Enviar"> </fieldset> </form> <?php include "funcao.php"; @$nome=inserir($_GET['nome']); ?> A função fiz em um arquivo separado, que nele está incluído o formulario.php e a conexao.php, tenho a ideia de o parâmetro da função receber os dados da variável "nome", que está no GET do formulário.php e assim fazer o "INSERT INTO", tabela "crud". <?php require "conexao.php"; require "formulario.php"; function inserir($nome){ $sql="INSERT INTO crud (nome) VALUES ('$nome')"; $rs=mysqli_query($link,$sql); echo !empty($rs)? "<script>alert('$nome, Inserido com sucesso');</script>" : "Falha"; } ?>
  9. Estou fazendo um projeto de site/e-commerce, e uma coisa que me deixa bastante curioso é como os sites profissionais não sofrem alterações nos elementos das páginas ao mexer no tamanho da janela do navegador. É como fosse fixo, ou seja, não sofre alteração no tamanho dos elementos dentro dele. ex.: kabum, pichau, aliexpress ... Eu queria saber se possível com exemplos como isso é feito, desde já agradeço!!
  10. Muito obrigado, a segunda parte ae é preciso fazer para cada navegador? div{ width: 300px; height: 150px; margin-top: 1em; margin-bottom: 1em; display: none; -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2ms; /* Firefox < 16 */ -ms-animation: fadein 2s; /* Internet Explorer */ -o-animation: fadein 2s; /* Opera < 12.1 */ animation: fadein 2s; } #one{ background: red;} #two{ background: blue;} #three{ background: green;} @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  11. To aprendendo javascript e, queria saber como chamar varias <div>, com um intervalo de tempo entre eles, ou seja, aparecer um após o outro na tela. Queria também se da pra adicionar mais algum estilo no javascript pois, tentei adicionar uma "transition" porém, nada acontecia. <!DOCTYPE html> <html> <head> </head> <style type="text/css"> #square { position: absolute; width: 300px; height: 150px; background-color: lightblue; border: 1px solid black; opacity: 0.1; } #outro{ margin-top:300px; width:300px; height:150px; background-color:black; } </style> <script type="text/javascript"> function square(){ document.getElementById('square').style.opacity = "1"; } </script> <body> <button onclick="square()">Vamos Tentar!</button> <div> <div id="square"></div> </div> <div> <div id="outro"></div> </div> </body> </html>
  12. Medivh

    menu css

    @DYS Cara muito obrigado, estou começando agora do jeito que foi ensinado no curso não estava dando certo, pelo menos nessa parte do menu. Eu vou dar uma estudada nisso que tu me passou, valeu mesmo... Qual você recomenda usar?
  13. Medivh

    menu css

    Agora como fazer o submenu ficar abaixo quando passar o mouse em cima, eu dei uma modificada mas ainda sim não consigo fazer isso. Essa parte esta me dando dor de cabeça, necessito de uma luz no fim do tunel ... HTML menu e sub. <nav class="menu"> <ul> <li><a href="index.html">HOME</a></li> <li><a href="sobre.html">SOBRE</a></li> <li class="menu"><a href="eventos.html">EVENTOS</a></li> <ul class="sub-menu"> <li><a href="evento_festivais">FESTIVAIS</a></li> <li><a href="evento_shows">SHOWS</a></li> <li><a href="evento_workshops">WORKSHOPS</a></li> </ul> </li> <li><a href="contato.html">CONTATO</a></li> </ul> </nav> CSS na parte do menu e sub .menu { margin: none; float: right; font-style: normal; display: block; color: blue; } .menu li { list-style-type:none;/* isso tira os marcadores da lisa */ position: relative; float: left; margin: 18px 10px 10px; } .sub-menu { position: absolute; display: none; right: 0; } .menu li :hover .sub-menu { display:block ; } .menu li a:hover { background: #fff; text-shadow: 0 0 5px #fff; display: none; } .menu:hover .sub-menu{ display: block; }
  14. Estou tentando criar um menu mas, ele chega até certa parte e não altera mais nada ficando somente até isso http://imgur.com/a/2MW5k, queria que me dissessem o que está errado. Abaixo o código notepad++ /* Cabeçalho */ header { height: 55px; background-color: #eae9e9; box-shadow: 2px 4px 3px #778899; position: fixed; top: 0; left: 0; width: 100%; } #logo { margin-left: 5px; float: left; padding-top: 8px; } .menu { margin: none; list-style: none; float: right; font-style: normal; } .menu li { position: relative; float: left; margin: 18px 10px 10px; } .menu li a { color: #00bfff; padding: 5px 10px; display: block; } .menu li a:hover { background: #fff; text-shadow: 0 0 5px #fff; } .menu li ul { position: absolute; top: 25px; left: 0; background-color: black; padding: 0; box-shadow: 3px 3px 6px #001d44; z-index: 10; display: none; border: solid 1px #3e3e3f; } .menu li ul li:hover { margin: 0; } .menu li:hover ul { display:block; }
  15. @Daniel Marinho Sim, agora está tudo certo. Só tenho algumas dúvidas, a ordem de dos conectores de áudio podem variar de fabricantes? Os conectores do painel frontal, existe só um padrão pra todas as fabricantes? Ah, respondendo sua pergunta sobre o desenho, alguns dos nomes dos conectores que mostram no desenho é diferente dos que eu tenho aqui.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...