Ir ao conteúdo
  • Cadastre-se

Ingridss

Membro Júnior
  • Posts

    12
  • Cadastrado em

  • Última visita

Reputação

1
  1. Olá, tenho um botão e quero que ele tenha a função de mostrar/ocultar conteúdo ao ser clicado. Já tentei inseri-lo em outro código que tem esta função, mas não consegui. Se alguém puder me ajudar, eu agradeço muito. Segue o código em css deste botão: .btn{ font-family: arial; font-size:14px; text-transform: uppercase; font-weight:700; border:none; padding:10px; cursor: pointer; } .btn-green{ background:green; color:#fff; box-shadow: 5px #006000; } .btn-green:hover{ background:#006000; color:#fff; box-shadow: 5px #003f00; } .btn-green:active{ position:relative; top:5px; box-shadow:none; } E o código em HTML: <button class="btn btn-green">Texto</button>
  2. Cliquei no link que aparece no código que eu havia copiado e colado aqui. Quando exibi o código fonte da página, este outro código foi aberto: <head> <meta charset="utf-8"> <title>Enviar Curr&iacute;culo</title> <link rel="stylesheet" href="contact.css"> </head> <body> <form id="contactus" action="envia.php" method="post" enctype="multipart/form-data" accept-charset="UTF-8"> <fieldset> <div class="container"> <label for="email_to">E-mail para: </label><br> <input type="email" name="email_to" id="email_to" maxlength="50" required="required" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$"><br> </div> <div class="container"> <label for="email">Seu e-mail: </label><br> <input type="email" name="email" id="email" maxlength="50" required="required" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$"><br> </div> <div class="container"> <label for="assunto">Assunto: <spam id="contactbold">(Nome da Vaga)</spam></label><br> <input type="text" name="assunto" id="assunto" maxlength="50" required="required"><br> </div> <div class="container"> <label for="mensagem">Mensagem: </label><br> <textarea rows="10" cols="30" name="mensagem" id="mensagem" required="required"></textarea> </div> <div class="container"> <label for="arquivo">Carregar Curriculo:</label><br> <input style="width:205px; padding-right:30px; padding-top:6px;" id="fakeupload" name="fakeupload" class="fakeupload" type="text"> <input id="arquivo" name="arquivo" class="arquivo" type="file" onchange="this.form.fakeupload.value = this.value;" accept="application/pdf,application/rtf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" required="required"> </div> </div> <div class="container"> <input type="submit" id="botao_enviar" name="Submit" value="Enviar"> </div> </fieldset> </form> </body> </html>
  3. @darkstrikerd Na vdd tenho nada. Não sei como desenvolver um formulário desse. Só tenho o site
  4. @darkstrikerd poxa mas será que tem algum jeito pra eu conseguir um formulário como esse? Porque pelo o que eu entendi...esse formulário não é um plugin e exatamente assim que eu estou procurando, não quero usar plugin no meu site.
  5. Olá, alguém poderia me ajudar neste seguinte problema?...Então, peguei um código de um site que tem a finalidade de enviar currículo. Copiei e salvei este código no Documento de Texto em html e abri. Ficou quase perfeito kk só que as configurações desse formulário ainda são do site de origem, pois enviei uns dados de teste e o e-mail chegou como se eu tivesse mandado deste site (acho que é por causa de um link que tem neste código). Enfim, eu quero anexar esse formulário no meu site, porém com uma cor diferente (azul talvez) e que as configurações dele estejam vinculadas ao meu site. Não sei se ajuda, mas meu site é do wordpress, segue o link: clique aqui Segue o link de como o formulário está no site de origem: clique aqui Segue o código do formulário que copiei: <div class='lateral_padrao' id='caixalateralenviar'> <div id='titulo_enviar'>Enviar Currículo</div> <iframe frameborder='0' height='435px' scrolling='no' src='http://empreggos.com/site/r1/es/am/f-curriculo/index.php' style='overflow:hidden;' width='299px'></iframe> </div>
  6. @dif obrigada k. Consegui. Sabe se dá pra customizar esse botão também? Tipo se ele pode ter outra cor, a letra ter outra fonte ou ficar um pouco maior...
  7. Olá, recebi o seguinte código de um botão que mostra e oculta o conteúdo (o formulário). Gostaria de saber se é possível modificar esse código pra ele apenas ter a função de mostrar, porque já tentei fazer isso mas não consegui, ou se for possível, queria um outro código HTML que tenha essa função de mostrar. Segue o código: <style type="text/css"> .escondida { display:none; } </style> <script type="text/javascript"> function abrir() { var main = document.getElementById("central"); var iten = main.getElementsByTagName("input"); if (iten) { for (var i=0;i<iten.length;i++) { iten[i].onclick = function() { var el = document.getElementById(this.id.substr(7,7)); if (el.style.display == "block") el.style.display = "none"; else el.style.display = "block"; } } } } window.onload=abrir; </script> <div id="central"> <!-- Botao --> <input type="button" value="Abrir / fechar" id="receita1"> <!-- conteudo escondido --> <div id="1" class="escondida"> <!-- Aqui fica o seu form --> <!-- INICIO DO FORMULÁRIO --> <form id="formulario" method="post" action="enviar.php"> <p> Nome:<br> <input type="text" name="nome" id="nome_id"> </p> <p> E-mail:<br> <input type="email" name="email" id="email_id"> </p> <p> Telefone:<br> <input type="tel" name="fone" id="fone_id"> </p> <p> Mensagem:<br> <textarea name="msg" cols="35" rows="5"></textarea> </p> <p> <input class="botao" type="submit" name="enviar" id="enviar_id" value="Enviar"> </p> </form> <!-- FIM DO FORMULÁRIO --> </div> </div>
  8. Olá, gostaria de saber se tem algum código que possibilite a criação de um formulário. Quero um formulário que tenha os campos nome, e-mail, assunto, mensagem e envio de arquivo em .doc, .docx e .pdf, e que esses dados sejam enviados a uma conta do gmail, hotmail... Instalei um plugin com essas funcionalidades (o plugin Contact Form 7 do Wordpress), mas as mensagens estão chegando como spam e no remetente aparece meu email (o correto era mostrar o email da pessoa que mandou a mensagem). Inseri esse código no meu editor com o shortcode do plugin Contact Form 7, creio que o código de um formulário ficará no lugar desse shortcode. O shortcode é [contact-form-7 id="6426" title="Formulário de contato 1"] Segue o código: <style type="text/css"> .escondida { display:none; } </style> <script type="text/javascript"> function abrir() { var main = document.getElementById("central"); var iten = main.getElementsByTagName("input"); if (iten) { for (var i=0;i<iten.length;i++) { iten[i].onclick = function() { var el = document.getElementById(this.id.substr(7,7)); if (el.style.display == "block") el.style.display = "none"; else el.style.display = "block"; } } } } window.onload=abrir; </script> <div id="central"> <!-- Botao --> <input type="button" value="ENVIAR CURRÍCULO" id="receita1"> <!-- conteudo escondido --> <div id="1" class="escondida"> <!-- Aqui fica o seu form --> <!-- INICIO DO FORMULÁRIO --> [contact-form-7 id="6426" title="Formulário de contato 1"] <!-- FIM DO FORMULÁRIO --> </div> </div>
  9. @dif muito obrigada. Parabéns. @AndresonFerreia obrigada
  10. @dif desculpa minha ignorância, mas não entendi como posso (e se é possível) inserir o código do formulário neste código HTML que você mostrou. Quero que fique como este site: http://www.vipvagas.com/vaga/operador-de-producao-r-1-60000 Veja que ao clicar em "Enviar Currículo", logo aparece o formulário...
  11. @dif segue o código <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Insert title here</title> <script type="text/javascript"> function insereTexto() {document.getElementById('divTeste').innerHTML = '[contact-form-7 id="6343" title="Sem nome"]';} </script> </head> <body> <input type='button' onclick='insereTexto()' value='Inserir texto'/><br/> <div id="divTeste"> </div> </body> </html>
  12. Olá, procurei muito e o tópico do link abaixo me ajudou, mas não o suficiente. Gostaria que no lugar de "" aparecesse um formulário de contato. Testei este mesmo método e coloquei este código "" (que é o código do formulário de contato do wordpress) no lugar desse texto "", mas só apareceu o botão. Se alguém entendeu minha dúvida e puder me ajudar, eu agradeço. Segue o link conforme citado:

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...