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


Fóruns

  • Programação & Desenvolvimento
    • ASP
    • PHP
    • .NET
    • Java
    • C, C++
    • Delphi, Kylix
    • Lógica de Programação
    • Mobile
    • Visual Basic
    • Outras Linguagens de Programação
  • WEB
    • HTML, XHTML, CSS
    • Ajax, JavaScript, XML, DOM
    • Editores
  • Arte & Design
    • Corel Draw
    • Fireworks
    • Flash & ActionScript
    • Photoshop
    • Outros Programas de Arte e Design
  • Sistemas Operacionais
    • Microsoft Windows
    • GNU/Linux
    • Outros Sistemas Operacionais
  • Softwares, Hardwares e Redes
    • Microsoft Office
    • Softwares Livres
    • Outros Softwares
    • Hardware
    • Redes
  • Banco de Dados
    • Access
    • MySQL
    • PostgreSQL
    • SQL Server
    • Demais Bancos
  • Segurança e Malwares
    • Segurança
    • Remoção De Malwares
  • Empregos
    • Vagas Efetivas
    • Vagas para Estágios
    • Oportunidades para Freelances
  • Negócios & Oportunidades
    • Classificados & Serviços
    • Eventos
  • Geral
    • Avaliações de Trabalhos
    • Links
    • Outros Assuntos
    • Entretenimento
  • Script Brasil
    • Novidades e Anúncios Script Brasil
    • Mercado Livre / Mercado Sócios
    • Sugestões e Críticas
    • Apresentações

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


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests

Encontrado 337 registros

  1. Olá, gostaria de saber se alguém consegue me ajudar. Eu atualizando as informações do site de uma amiga, mas depois de retirar algumas página e mudar algumas coisas no site, ele ficou todo alinhado a esquerda Esse é o site www.carioca-languages.com
  2. Olá! Eu preciso de ajuda. Eu queria colocar no seguinte portal de fórum (http://illusion-forum.forumeiros.com/) uma espécie de player (escondido) com uma mensagem de boas vindas, mas não consigo. Alguém me poderia ajudar. E outra coisa, poderiam me recomendar sites de vozes tipo Google Tradutor, mas com melhor qualidade por parte das vozes?
  3. reignomo

    Script não funciona

    Estou tentando desenvolver um sistema de cadastro e para isso estou utilizando php e ajax, fiz os 2 scripts acredito que corretamente mas não está rodando, alguém consegue identificar algum erro nesses scripts ? Classe <?php class anuncio { private $cd_anuncio; private $dt_criacao; private $nm_titulo; private $ds_anuncio; private $cd_usuario; private $nm_estado; private $nm_cidade; private $nm_bairro; public function anuncio($nm_titulo,$ds_anuncio,$cd_usuario,$nm_estado,$nm_cidade,$nm_bairro) { $this->nm_titulo=$nm_titulo; $this->ds_anuncio=$ds_anuncio; $this->cd_usuario=$cd_usuario; $this->nm_estado=$nm_estado; $this->nm_cidade=$nm_cidade; $this->nm_bairro=$nm_bairro; } public function AddAnuncio() { include("conexao.php"); $query = mysqli_query($conexao,"INSERT INTO tb_anuncio(dt_criacao,nm_titulo,ds_anuncio,cd_usuario,nm_estado,nm_cidade,nm_bairro) VALUES (NOW(),'$this->nm_titulo','$this->ds_anuncio','$this->cd_usuario','$this->nm_estado','$this->nm_cidade','$this->nm_bairro')"); $result = $conexao->query($query); return $result; } public function Ver() { return "data: $this->dt_criacao title: $this->nm_titulo Desc : $this->ds_anuncio CD : $this->cd_usuario ESTADO : '$this->nm_estado CIDADE: $this->nm_cidade Bairro : $this->nm_bairro"; } } ?> php que se comunica com o ajax <?php session_start(); include_once("conexao.php"); include_once("usuario_class.php"); require_once("conexao.php"); $nome = $_POST['nome']; $sobrenome = $_POST['sobrenome']; $email = $_POST['email']; $sexo = $_POST['sexo']; $telefone_fixo = $_POST['telefone']; $telefone_movel = $_POST['celular']; $senha = $_POST['senha']; $verifica = mysqli_query($conexao,"SELECT * FROM tb_usuario WHERE nm_email = '$email' AND cd_senha = '$senha'") or die("erro ao selecionar"); if (mysqli_num_rows($verifica)<=0) { if(isset($_POST['terms'])) { if(isset($nome,$sobrenome,$email,$sexo,$telefone_fixo,$telefone_movel,$senha) AND is_numeric($telefone_fixo) AND is_numeric($telefone_movel)) { $objeto_usu = new usuario($nome,$sobrenome,$telefone_fixo,$telefone_movel,$email,$sexo,$senha); if($objeto_usu->AddUsuario()) { // retornando ao sucesso no registro echo"rodou"; } } else{ // retornando ao ajax dados inválidos echo"3"; } } else{ // retornando ao ajax checkd false echo"2"; } } else{ // retornando ao ajax email já cadastrado echo"1"; } ?> Script ajax <script> $(function(){ var url = '../ibico/php/insere_usuario.php'; function carregando() { $('.loadCadastro').fadeIn('slow'); } $('.cadastroUsuario').submit(function(){ var dados = $(this).serialize(); $.ajax({ url:url, type: 'POST', data: dados, beforeSend: carregando, success: function(retorno){ if(retorno==1) { $('.emailCadastrado').html("Email já cadastrado !"); $('.loadCadastro').fadeOut('slow'); } else if (retorno==2) { $('.emailCadastrado').html("É preciso aceitar os termos para continuar !"); $('.loadCadastro').fadeOut('slow'); } else if (retorno==3) { $('.emailCadastrado').html("Preencha apenas números nos campos telefone e celular"); $('.loadCadastro').fadeOut('slow'); } else { $('.emailCadastrado').html(""); alert("Cadastro realizado com sucesso !"); window.location.href ="index.html"; } // alert(retorno); // window.location.href ="index.html#modalentrar"; } }); return false; }); }); </script> Quando executo o código ocorreu tudo normalmente como se tivesse sucesso no insert, passa até nas validações que coloquei, porém verifico no banco e nada ocorreu. Caso essa seja área errada para postar essa pergunta peço desculpas sou novo no fórum.
  4. MarcosMoraes

    Imagem background não carrega de css

    Estou com problema somente no Ios onde uma imagem de background não carrega CSS Observação: Carrega normalmente em todos navegadores em Windows, Linux, OS, Android e Windows Phone. No iOs n"ao carrega a imagem do background. Estou batendo cabeça e não vejo o erro. #home { width: 100%; height: 100%; background-color: #151515; background-image: url(../images/hero-bg.jpg); background-repeat: no-repeat; background-position: center 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-attachment: fixed; min-height: 804px; position: relative; } #home .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .2; background-color: #19191b; } .home-content-table { width: 100%; height: 100%; display: table; position: relative; text-align: center; } .home-content-tablecell { display: table-cell; vertical-align: middle; z-index: 500; } .home-content-tablecell .row { position: relative; padding-top: 16.2rem; padding-bottom: 15rem; } .home-content-tablecell h3 { font-family: "montserrat-bold", sans-serif; font-size: 2.2rem; color: white; text-transform: uppercase; letter-spacing: .3rem; margin: 0 0 .9rem 0; } .home-content-tablecell h1 { font-family: "montserrat-bold", serif; font-size: 9rem; line-height: 1.133; color: #FFFFFF; } .home-content-tablecell .more { margin: 4.8rem 0 0 0; } .home-content-tablecell .more .button { border-color: #FFFFFF; color: #FFFFFF; }
  5. CRISTIANOVAZ

    Ocultar e Mostrar pagina modo bem simples.

    Pessoal, Bom dia! Estou tentandofazer um sistema bem simples em php e mysql com muita ajuda ...rsrsr Nesse sistema vai ter operadores e um administrador. 1- Questão: Em algumas páginas quero ocultar" botões e fieldset", Existe essa possibilidade de condicional se conforme o operador não apareça , somente se for administrador, ou apareça outro fieldset ? 2- Questão: Também gostaria de alguns inputs aparecerem apenas texto do banco, sem a opção de editar... Grato !!!!
  6. Luis Andriolo

    PROBLEMA COM $_GET E LINK <a></a>

    Fala pessoal, eu desenvolvi um site de pesquisa de endereços e estou com um problema agora que é o seguinte. Eu exibo uma lista usando ajax vindo do html pro php, dentro do php eu inseri nas linhas da lista dois botões, um para excluir aquela linha e outro caso o usuario(admin) deseje atualizar, mudar aquela linha. Segue o site abaixo:
  7. Fala galera, eu sou bem iniciante mesmo com linguagem html e css, e só utilizo das mesmas por questão de hobby na manutenção de sites etc. Esses dias eu encontrei um site gringo que fornecia códigos para realizar algumas funções, entre elas uma que me agradou bastante que foi o menu vertical. Ele é uma mistura de css e html e achei muito bom no meu site, o problema é o seguinte: além do menu vertical eu gostaria também que ficasse um slide no centro da página, no entanto o que está acontecendo é que o menu vertical meio que está empurrando o slide para baixo, ficando como a imagem abaixo: existiria alguma forma de conciliar os dois códigos de modo que o slide ficasse no centro? Ao lado direito do menu e não abaixo dele? Aqui estão os códigos do menu e do slide, que eu simplesmente copiei e colei na página html: 1. CÓDIGO DO MENU LATERAL <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> body {margin:0} .icon-bar { width: 90px; background-color: #555; } .icon-bar a { display: block; text-align: center; padding: 16px; transition: all 0.3s ease; color: white; font-size: 36px; } .icon-bar a:hover { background-color: #000; } .active { background-color: #4CAF50 !important; } </style> <body> <div class="icon-bar"> <a class="active" href="#"><i class="fa fa-home"></i></a> <a href="#"><i class="fa fa-search"></i></a> <a href="#"><i class="fa fa-envelope"></i></a> <a href="#"><i class="fa fa-globe"></i></a> <a href="#"><i class="fa fa-trash"></i></a> </div> </body> </html> 2. CÓDIGO DO SLIDE <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * {box-sizing: border-box} body {font-family: Verdana, sans-serif; margin:0} .mySlides {display: none} img {vertical-align: middle;} /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } /* Caption text */ .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { background-color: #717171; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next,.text {font-size: 11px} } </style> </head> <body> <div class="slideshow-container"> <div class="mySlides fade"> <div class="numbertext">1 / 3</div> <img src="img_nature_wide.jpg" style="width:100%"> <div class="text">Caption Text</div> </div> <div class="mySlides fade"> <div class="numbertext">2 / 3</div> <img src="img_fjords_wide.jpg" style="width:100%"> <div class="text">Caption Two</div> </div> <div class="mySlides fade"> <div class="numbertext">3 / 3</div> <img src="img_mountains_wide.jpg" style="width:100%"> <div class="text">Caption Three</div> </div> <a class="prev" onclick="plusSlides(-1)">&#10094;</a> <a class="next" onclick="plusSlides(1)">&#10095;</a> </div> <br> <div style="text-align:center"> <span class="dot" onclick="currentSlide(1)"></span> <span class="dot" onclick="currentSlide(2)"></span> <span class="dot" onclick="currentSlide(3)"></span> </div> <script> var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides.style.display = "none"; } for (i = 0; i < dots.length; i++) { dots.className = dots.className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; } </script> </body> </html>
  8. Filipe Martins

    Preciso de Programadores !!!

    Olá, me chamo Filipe, estou a procura de pessoas inteligentes para colocar em prática comigo um projeto meu, mas quero deixar bem claro aqui neste post que procuro pessoas determinadas e dispostas a administrar muito dinheiro futuramente, não é um projeto qualquer que pode ser desenvolvido em pouco, é algo complexo, que exige estudos, e requer tempo e paciência, também gostaria que apenas pessoas realmente interessadas a entrar fundo no projeto se envolvam. Eu fiz alguns requisitos ( Porém alguns deles são apenas recomendações e não obrigações ) * Conhecimento em programação ( HTML, PHP, Criação de Banco de Dados, Sistema de Compras com Cartão de Crédito, enfim um conhecimento alto em programação em geral ) * Um tempo de pelo menos 2 horas por dia para programar e participar de reuniões entre outros * Idade entre 13 - 20 anos * Determinação * WhatsApp Lembrando que os Custos do Projeto, contando com maquinas, hospedagem de site, SLL, Domínios entre outros, tudo será por minha conta, vocês não precisaram investir 1 real nisso. Obrigado a todos, espero que tenham muitos jovens dispostos a entrar nessa ! E aos interessados me chamem pelo meu e-mail [email protected] que estarei conversando com todos, obrigado e Boa Sorte !
  9. Oi, alguém poderia me ajudar. Porque estou precisando muito de um slider de botões pra me colocar na lateral dentro de GadGet, estou querendo divulgar umas coisas. Um slider que eu possa colocar imagens e links pra assim que as pessoas clicar ir direto para o link que eu forneci... Por favor alguém me ajuda, desde pela tarde que pesquiso e não acho. Alguém se disponibiliza?
  10. Olá amigos, Preciso criar uma tabela em html a partir de um arquivo txt. Tenho este script que possui um botão para escolher o arquivo desejado, porém para minha aplicação não deve haver escolha de arquivo, isso deve ser pré definido nas linhas do código porque será sempre o mesmo txt. tenho este código: <html> <link rel="stylesheet" type="text/css" href="estilo1.css"/> <head> </head> <table> <tbody> <tr> <input id="myInput" type="int"> <td><button onclick="loadFileAsText()">Carregar relatório</button></td> <td><input id="fileToLoad" type="file"></td> <p id="demo"></p> </tr> </tbody> </table> <table id="lista"> <!--border="1"--> <tbody> <thead> <tr> <th>Data e Hora</th> <th>Equipamento/Mancal</th> <th>Temperatura</th> </tr> </thead> <tbody> </table> <body> <script type="text/javaScript"> function loadFileAsText(){ // função que busca e lê arquivo txt a partir do campo de busca var fileToLoad = document.getElementById("fileToLoad").files[0]; //isso não deve ser assim, por aqui deve-se pré definir o arquivo var fileReader = new FileReader(); fileReader.onload = function(fileLoadedEvent) { var textFromFileLoaded = fileLoadedEvent.target.result; var texto = textFromFileLoaded; listar(texto); }; fileReader.readAsText(fileToLoad, "UTF-8"); } function listar(texto){ var quantidade = document.getElementById("lista").rows.length;// está pré definido que será usado o tamanho total do arquivo if (quantidade>1){ // quantidade representa o número indefinido de linhas que pode haver for(var cont=1;cont<=quantidade;cont++){ document.getElementById("lista").deleteRow(cont);// lista é o nome atribuído ao conteúdo do arquivo txt } } var itens = texto.split("LOG_"); // define que linhas devem ser consultadas for(var i=1;i<itens.length;i++){ var valores = itens[i].split("\t");// espaços TAB definem colunas que serão consultadas document.getElementById("lista").innerHTML +='<tr><td>'+valores[1]+'</td><td>'+valores[6&1]+'</td><td>'+valores[2]+'</td></tr>'; </script> </body> </html> Esse é o arquivo.txt que deve ser lido: "VarName" "TimeString" "VarValue" "Validity" "Time_ms" "LOG_Equipamento" "2018-04-18 17:55:11" 5 1 43208746660.648148 "LOG_Temperatura_M1" "2018-04-18 17:55:11" 49 1 43208746660.659721 "LOG_Temperatura_M2" "2018-04-18 17:55:11" 42 1 43208746660.659721 "LOG_Temperatura_M3" "2018-04-18 17:55:11" 43 1 43208746660.671295 "LOG_Temperatura_M4" "2018-04-18 17:55:11" 52 1 43208746660.671295 "LOG_Equipamento" "2018-04-18 17:55:26" 1 1 43208746834.363426 "LOG_Temperatura_M1" "2018-04-18 17:55:26" 49 1 43208746834.375000 "LOG_Temperatura_M2" "2018-04-18 17:55:26" 43 1 43208746834.386574 "LOG_Temperatura_M3" "2018-04-18 17:55:26" 47 1 43208746834.386574 "LOG_Temperatura_M4" "2018-04-18 17:55:26" 54 1 43208746834.398148 "LOG_Equipamento" "2018-04-18 17:55:34" 2 1 43208746926.886574 "LOG_Temperatura_M1" "2018-04-18 17:55:34" 40 1 43208746926.898148 "LOG_Temperatura_M2" "2018-04-18 17:55:34" 43 1 43208746926.898148 "LOG_Temperatura_M3" "2018-04-18 17:55:34" 47 1 43208746926.898148 "LOG_Temperatura_M4" "2018-04-18 17:55:34" 54 1 43208746926.909721
  11. Carlos Rocha

    Posicionamento de div sobre Slideshow

    Bom Dia! Tenho a seguinte página <!doctype html> <html> <head> <meta charset="utf-8"> <title>Slider</title> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="_css/aos.css"> <link rel="stylesheet" type="text/css" href="_css/jquery.cycle2.css"> <script type="text/javascript" src="_js/jquery.js"></script> <script type="text/javascript" src="_js/jquery.cycle2.min.js"></script> <style> @import url('http://fonts.googleapis.com/css?family=Open+Sans'); * { font-family: 'Open Sans'; margin: 0; padding: 0; box-sizing: content-box; } img { border: 0; max-width: 100%; } ul { list-style: none; } ul li { display: inline; } .aos-all { width: 1000px; max-width: 98%; margin: 10vh auto 0 auto; } .aos-item { display: inline-block; float: left; width: 40%; height: 300px; padding: 20px; } .aos-item__inner { position: relative; width: 100%; height: 100%; float: left; background: #1da4e2; line-height: 260px; text-align: center; color: #fff; } @media screen and (max-width: 800px) { .aos-item { width: 50%; } } .logo { width : 432px; -webkit-animation : logo-anim 1s; -moz-animation : logo-anim 1s; -o-animation : logo-anim 1s; animation : logo-anim 1s; } @-webkit-keyframes logo-anim { 0% { opacity : 0; transform : translateY(-50px); -webkit-transform : translateY(-50px); -moz-transform : translateY(-50px); -o-transform : translateY(-50px); -ms-transform : translateY(-50px); } 100% { opacity : 1; transform : translateY(0px); -webkit-transform : translateY(0px); -moz-transform : translateY(0px); -o-transform : translateY(0px); -ms-transform : translateY(0px); } } @-moz-keyframes logo-anim { 0% { opacity : 0; transform : translateY(-50px); -webkit-transform : translateY(-50px); -moz-transform : translateY(-50px); -o-transform : translateY(-50px); -ms-transform : translateY(-50px); } 100% { opacity : 1; transform : translateY(0px); -webkit-transform : translateY(0px); -moz-transform : translateY(0px); -o-transform : translateY(0px); -ms-transform : translateY(0px); } } @-o-keyframes logo-anim { 0% { opacity : 0; transform : translateY(-50px); -webkit-transform : translateY(-50px); -moz-transform : translateY(-50px); -o-transform : translateY(-50px); -ms-transform : translateY(-50px); } 100% { opacity : 1; transform : translateY(0px); -webkit-transform : translateY(0px); -moz-transform : translateY(0px); -o-transform : translateY(0px); -ms-transform : translateY(0px); } } @keyframes logo-anim { 0% { opacity : 0; transform : translateY(-50px); -webkit-transform : translateY(-50px); -moz-transform : translateY(-50px); -o-transform : translateY(-50px); -ms-transform : translateY(-50px); } 100% { opacity : 1; transform : translateY(0px); -webkit-transform : translateY(0px); -moz-transform : translateY(0px); -o-transform : translateY(0px); -ms-transform : translateY(0px); } } .logo-atividades { position : absolute; top : 0; center : 0; width : 100%; height : 500px; text-align : center; overflow : hidden; z-index : 20; } .atividades { color : #FFF; height : 115px; overflow : hidden; position : absolute; top : 80%; margin-top : -176px; width : 100%; pointer-events : none; text-align : center; z-index : 10; } .atividades a { text-decoration : none; } .atividades ul { list-style : none; padding : 0; margin : 10px 0 0; position : relative; height : 100px; font-size : 36px; font-weight : 300; text-align : center; font-family : 'Lato', sans-serif; letter-spacing : 5px; text-transform : uppercase; z-index : 100; } .atividades ul li { width : 100%; text-align : center; position : absolute; opacity : 0; top : 85px; line-height : 100px; -webkit-transition : all 0.5s ease-in-out; -moz-transition : all 0.5s ease-in-out; -o-transition : all 0.5s ease-in-out; transition : all 0.5s ease-in-out; transition-timing-function : ease; -webkit-transition-timing-function : ease; /* Safari and Chrome */ } .atividades ul li.ativa { opacity : 1; top : 0; -webkit-transition : all 1s ease-in-out; -moz-transition : all 1s ease-in-out; -o-transition : all 1s ease-in-out; transition : all 1s ease-in-out; transition-timing-function : ease; -webkit-transition-timing-function : ease; /* Safari and Chrome */ } } </style> </head> <body> <div class="cycle-slideshow" data-cycle-fx=fadeout data-cycle-timeout=5000 data-cycle-pause-on-hover="true" data-cycle-slides="div.slide"> <div class="logo-atividades"> <div style="margin-top: 100px;"> <a href="http://www.funerariasaopedro.net.br"> <img class="logo" src="_img/logoFuneraria.png" alt="Logo"/> </a> <div class="atividades"> <ul> <li class="ativa">Agência Funerária</li> <li>Funerais</li> <li>Cremações</li> <li>Trasladações</li> <li>Tanatopraxias</li> <li>Exumações</li> <li>Artigos Religiosos</li> <li>Atendimento 24h</li> </ul> </div> </div> </div> <!-- prev/next links --> <div class="cycle-prev"></div> <div class="cycle-next"></div> <div class="cycle-pager"></div> <div class="slide"> <img src="_img/_banner/_site/1.png" /> </div> <div class="slide"> <img src="_img/_banner/_site/2.png" /> </div> <div class="slide"> <img src="_img/_banner/_site/3.png" /> </div> <div class="slide"> <img src="_img/_banner/_site/4.png" /> </div> </div> <div class="aos-item" data-aos="fade-right"> <div class="aos-item__inner"> <h3>Esquerda</h3> </div> </div> <div class="aos-item" data-aos="fade-left"> <div class="aos-item__inner"> <h3>Direita</h3> </div> </div> <div class="aos-item" data-aos="fade-up"> <div class="aos-item__inner"> <h3>Baixo Cima</h3> </div> </div> <div class="aos-item" data-aos="fade-down"> <div class="aos-item__inner"> <h3>Cima Baixo</h3> </div> </div> <div class="aos-item" data-aos="fade-in"> <div class="aos-item__inner"> <h3>Baixo Cima</h3> </div> </div> <div class="aos-item" data-aos="fade-in"> <div class="aos-item__inner"> <h3>Cima Baixo</h3> </div> </div> <script> function homeTitleAnimation(){ var interval; var counter = 1; var myFunc = function() { var cur = $('.atividades ul li').length; if(cur == counter) { $('.atividades ul li.ativa').removeClass('ativa'); $('.atividades ul li').first().addClass('ativa'); counter = 1; } else { counter++; $('.atividades ul li.ativa').removeClass('ativa').next().addClass('ativa'); } }; interval = setInterval(myFunc, 4000); } homeTitleAnimation(); </script> <script src="_js/aos.js"></script> <script> AOS.init({ easing: 'ease-in-out-sine' }); </script> </body> </html> Tudo funciona corretamente com exceção do posicionamento da logo e da ul que rodam sobre o Slideshow que não estou conseguindo posiciona-los sobre o Slideshow. <div class="cycle-slideshow" data-cycle-fx=fadeout data-cycle-timeout=5000 data-cycle-pause-on-hover="true" data-cycle-slides="div.slide"> <div class="logo-atividades"> <div style="margin-top: 100px;"> <a href="http://www.funerariasaopedro.net.br"> <img class="logo" src="_img/logoFuneraria.png" alt="Logo"/> </a> <div class="atividades"> <ul> <li class="ativa">Agência Funerária</li> <li>Funerais</li> <li>Cremações</li> <li>Trasladações</li> <li>Tanatopraxias</li> <li>Exumações</li> <li>Artigos Religiosos</li> <li>Atendimento 24h</li> </ul> </div> </div> </div> <!-- prev/next links --> <div class="cycle-prev"></div> <div class="cycle-next"></div> <div class="cycle-pager"></div> <div class="slide"> <img src="_img/_banner/_site/1.png" /> </div> <div class="slide"> <img src="_img/_banner/_site/2.png" /> </div> <div class="slide"> <img src="_img/_banner/_site/3.png" /> </div> <div class="slide"> <img src="_img/_banner/_site/4.png" /> </div> </div> Onde estou errando? Esse código pode ser visto em : http://funerariasaopedro.net.br/novo/ Na página, se derem um ctr+a, poderão notar no canto direito e abaixo do slide, a ul rodando normalmente. Porém a posição correta dela é no meio do slide e ao centro. Com relação à logomarca que está escondida atrás do slide, sua posição é acima do slide e acima da ul
  12. Lolla Weissmann

    "figure class" aleatório

    Oi pessoal, Na esperança de que existam usuários do Tumblr aqui, ou alguém que entenda como funcionam (porque o suporte deles é praticamente inexistente). Há alguns anos venho usando o tumblr como blog pessoal. Eles têm uma seleção de tipos de posts (texto, fotos, vídeos, música, etc), mas como o modo "fotos" só permite a inserção de até dez imagens por post eu costumo iniciar um post de texto comum e inserir o html manualmente. Tudo corria bem até ontem, quando abri meu site e todas as imagens de posts mais recentes (salvas e exibidas em 700px de largura) havia sido redimensionadas para 500px sem que eu tivesse feito nenhuma alteração ou trocado o layout. Fui olhar o código dentro do post e ao invés do img src normal encontrei linhas de código que eu nunca havia inserido ali (ver anexo). o "figure class" simplesmente surgiu no post do dia para a noite, sem mudança de minha parte, linkando a versão de 540pixels das imagens (usadas para display dentro da timeline do tumblr) ao invés do tamanho original, que o meu layout está programado a exibir normalmente. O link da imagem full size também aparece no código, como "data orig src". Ontem eu editei um dos posts e removi essas linhas; salvei e tudo estava ok; hoje elas aparecem novamente e as imagens voltaram a ser exibidas em 540px. Como essas linhas surgiram no post? Por que elas voltam depois que o post foi editado e salvo? Existe algum modo de evitar isso? Obrigada!
  13. Joao Emilio

    Sistema de Comanda Eletronica

    Galera estou montando um projeto de Tcc( Comanda Eletronica) onde o cliente faz a compra online e o pedido vai caindo automaticamente no banco de dados..Segue imagem da pag>>(comanda.jpg) Só que tem um porem estou meio sem tempo ..2 semanas sói pra entregar e no finalzinho não estou conseguindo.. Gostaria de Que Quando Clicar no Botão "Comprar" além de Adicionar ao carrinho ele também adicionasse ao Banco ..Como posso Fazer isso?? <?php require_once "Funcoes/product.php"; $pdoConnection = require_once "conecta_carrinho.php"; $products = getProducts($pdoConnection); ?> <!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"> <title>Pizzas</title> <link href="Css/bootstrap.min.css" rel="stylesheet"> <style type="text/css"> #content{ overflow:auto; padding:10px; text-align:justify; color:#FFF; } </style> </head> <body> <div id="content" style="width: 730px; height: 430px !important;"> <table width="100%" border="0" cellpadding="0"> <br> <form> <?php foreach($products as $product):?> <?php if ($product['categoria'] == 'Pizzas'):?> <div class="col-sm-6 col-md-4"> <div class="thumbnail"> <div class="caption text-center"> <img src="imagens/<?php echo $product['imagens']; ?>" alt="<?php echo $product['nome']; ?>"> <h3><?php echo $product['nome']?></h3> <h4> R$ <?php echo number_format($product['preço'], 2, ',', '.')?> </h4> <p><a href="carrinho.php?acao=add&id=<?php echo $product['id']?>" class="btn btn-primary" role="button">Comprar</a> </p> </div> </div> </div> <?php endif; ?> <?php endforeach;?> </table> </div> </form> </body> </html> Acima está o código da página>>
  14. E ae pessoal, então, estou criando um projeto para aprender algumas linguagens de programação mais rápido, por meio de um servidor Discord. Por agora queria algumas pessoas para me ajudar a organizar e modular a ideia, caso tenha interesse segue o link do convite limitado ao servidor: https://discord.gg/DCmkAcg
  15. Vitor Campos

    Conteudo da div interfere na posição da outra

    Aqui uma screenshot detalhada do erro: http://prntscr.com/j5firk Observe que quanto maior for o conteudo da div ao lado, a outra div desce em questão da posição. O que eu queria é que ela ficasse fixa ali. -- Já tentei usar Position: fixed; mas não funciona a div fica com um tamanho desproporcional e sai do tamanho que eu defini. Codigo: <div style="max-width: 100%;"> <div class="card-panel purplemx" style="width:49%; box-shadow: 1px 1px 12px 1px rgba(61,55,128,1); border-radius:3px; display:inline-block;"> <div class="card-content"> <h5 class="card-title white-text"><i class="fas fa-star" style="color:yellow"></i> USUARIO DESTAQUE<hr></hr></h5> <p class="white-text"> <div class="destaque white-text"> conteudo teste <br> conteudo teste <br>conteudo teste <br>conteudo teste <br>conteudo teste <br>conteudo teste <br>conteudo teste <br>conteudo teste <br>conteudo teste <br> </div> </p> </div> </div> <span style="padding-left:1%"></span> <div class="card-panel purplemx" style="width:49%; box-shadow: 1px 1px 12px 1px rgba(61,55,128,1); border-radius:3px; display:inline-block;"> <div class="card-content"> <h5 class="card-title white-text"><i class="pink-text fas fa-gift"></i> PRESENTES<hr></hr></h5> <center> <p class="white-text"> <i class="fas fa-unknown fa-2x"></i> </p> </center> </div> </div> </div>
  16. Boa tarde galera, sou novo aqui no fórum... Bem, estou construindo uma landing page para vender um produto meu em uma plataforma de automação de Marketing, no Page Builder posso editar o código HTML e tudo mais, então estou tentando implementar um form com um botão PAGAR BOLETO, claro que esse botão eu estou gerando seu código em uma plataforma de pagamentos, onde posso integrar o mesmo em qualquer site que eu desenvolver, porém, já testei o código no Brackets e no Sublime Text e mando rodar vai de boa e quando clico me direciona para a plataforma de pagamento, agora quando faço a inserção do mesmo código na plataforma e mando pré-visualizar, o botão se torna clicável sim, mas não acontece nada, não abre o link, eu gostaria de chamar esse evento em java script para ver se consigo abrir de boa a página, não sei se nessa plataforma existe algum script filtrando a ação de clique para carregamento de links externos, mas se é uma plataforma de automação, entendo que isso não era pra ser relevante para tal fim. Código do botão: <form method='post' action='https://www.moip.com.br/PagamentoSimples.do'> <input type='hidden' name='id_carteira' value='###'/> <input type='hidden' name='valor' value='####'/> <input type='hidden' name='nome' value='####'/> <input type='hidden' name='descricao' value='###'/> <input type='hidden' name='id_transacao' value='###'/> <input type='button' name='submit' src='https://static.moip.com.br/imgs/buttons/bt_pagar_c03_e02.gif' alt='Pagar' border='0' /> </form> Fico muito agradecido quem puder me ajudar!
  17. Mariana Oliveira Sousa

    Fazer uma popup abrir junto com uma página

    Como eu faço para que um popup abra junto com uma página
  18. Olá pessoal, estamos criando algumas vídeo aulas de programação em HTML5 e CSS e gostaríamos que vocês dessem críticas e sugestões do que podemos estar fazendo para melhorar Segue o link da playlist com 22 vídeos de HTML5 https://www.youtube.com/playlist?list=PLi3qhjm7dbeeC5h0NDfUiRqEvE0v08Pdd 1 - O que é HTML, CSS e JavaScript? É explicado o que é HTML, CSS e JavaScript e porque é necessário conhecer estas 3 linguagens para programar para Web 2 - Programas Necessários É mostrado os programas necessários para começar a programar (estamos fazendo as vídeo aulas no sistema operacional Xubuntu) 3 - Primeiro HTML5 Começamos a mostrar de fato como começar a programar em HTML e como fazer para validar o código 4 - Hierarquia de títulos e linha horizontal Como fazer hierarquia de títulos e colocar linha horizontal Tags: h1 até h6 e hr 5 - Parágrafo, quebra de linha e texto pré-formatado Como fazer parágrafo, quebra de linha e texto pré-formatado Tags: p, br e pre 6 - Formatação de texto Como fazer formatação de texto Tags: b, strong, i, em, mark, small, sub, sup, ins e del Atributos: cite e datetime das tags ins e del 7 - Citações Como fazer citações Tags: q, blockquote, cite, address, abbr e bdo Atributos: title da tag abbr, dir da tag bdo e cite das tags q e blockquote 8 - Comentários e comentários condicionais Como fazer comentário e para que serve 9 - Arquivo Externo Como fazer referência de arquivo externo no HTML 10 - Links | Parte 1 Como fazer links para abrir outros HTML, enviar e-mail, executar JavaScript e direcionar para um local específico Tag: a Atributos: href, hreflang e type 11 - Links | Parte 2 Como criar links para download, diferentes formas de abrir no navegador e vulnerabilidade do target="_blank" Tag: a Atributos: download e target Valores para o target: _self, _blank, _top e _parent 12 - Links | Parte 3 Como resolver vulnerabilidade do target="_blank" e o atributo rel Tag: a Atributo: rel Valores para o rel: alternate, author, bookmark, prev, next, external, help, license, search, tag, nofollow, noreferrer, noopener 13 - Bloco e Linha O conceito de tag de bloco e de linha Tags: div e span 14 - Imagem | Parte 1 Como colocar imagem no HTML Tag: img Atributos: src, alt, width, height, crossorigin, ismap e longdesc Valores para o crossorigin: anonymous e use-credentials 15 - Imagem | Parte 2 Como fazer mapeamento de imagem para colocar link dentro dela Tags: img, map e area Atributo da img: usemap Atributo da map: name Atributos da area: shape, coords e alt Valores para o shape: circle, rect e poly 16 - Imagem | Parte 3 Como definir imagens diferentes para dispositivos com características de tela diferentes Tags: img, picture e source Atributos da img: srcset e sizes Atributos da source: srcset, sizes, media e type 17 - Tabela | Parte 1 Como criar tabela em HTML Tags: table, caption, tr, th e td Atributos da th: abbr, sorted e scope Atributos da th e da td: colspan, rowspan e headers Valores para o scope: col, colgroup, row e rowgroup 18 - Tabela | Parte 2 Como altarar estilo de uma coluna inteira e definir cabeçalho, corpo e rodapé da tabela Tags: colgroup, col, thead, tbody e tfoot Atributo da colgroup e col: span 19 - Lista Como criar lista não-ordenada, ordenada e de descrição Tags: ul, li, ol, dl, dt e dd Atributos da ol: type, reversed e start Atributos da li quando estiver na ol: value Valores para o type: 1, a, A, i e I 20 - Iframe Como colocar uma página dentro de outra em HTML Tag: iframe Atributos: src, srcdoc, width, height, name e sandbox Valores para o sandbox: allow-pointer-lock, allow-scripts, allow-forms, allow-top-navigation, allow-same-origin e allow-popups 21 - Atributo Class Qual a importância do atributo class e como utilizar ele em CSS e JavaScript 22 - Atributo Id Qual a importância do atributo id e como utilizar ele em CSS e JavaScript Segue o link da playlist com 17 vídeos de CSS https://www.youtube.com/playlist?list=PLi3qhjm7dbedkcSwqOrGYHD_E_0H7Nopj 1 - O que é HTML, CSS e JavaScript? É explicado o que é HTML, CSS e JavaScript e porque é necessário conhecer estas 3 linguagens para programar para Web 2 - Programas Necessários É mostrado os programas necessários para começar a programar (estamos fazendo as vídeo aulas no sistema operacional Xubuntu) 3 - Primeiro CSS Como fazer a integração entre HTML e CSS 4 - Cores Como definir cor por nome, hexadecimal, RGB, HSL, RGBA e HSLA 5 - Initial e Inherit Como utilizar os valores initial e inherit para propriedades em CSS 6 - Consulta de mídia Como definir estilos diferentes para tipos de dispositivos diferentes e mesmo tipo de dispositivo com características diferentes 7 - Borda | Parte 1 Como fazer bordas em CSS Propriedades: border, border-color, border-radius, border-style e border-width Valor para border-color: transparent Valores para border-style: none, hidden, dotted, dashed, solid, double, groove, ridge, inset e outset Valores para border-width: medium, thin e thick 8 - Borda | Parte 2 Como alterar as propriedades da borda em cada lado Propriedades: border-bottom, border-bottom-color, border-bottom-style, border-bottom-width, border-left, border-left-color, border-left-style, border-left-width, border-top-left-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius, border-right, border-right-color, border-right-style, border-right-width, border-top, border-top-color, border-top-style e border-top-width 9 - Largura e Altura Como definir largura e altura em CSS e também valor mínimo e máximo para cada uma Propriedades: width, height, min-width, max-width, min-height e max-height 10 - Margem Como colocar margem em CSS, centralizar conteúdo e um cuidado que deve ter ao utilizar margem Propriedades: margin, margin-top, margin-right, margin-bottom e margin-left 11 - Preenchimento Como colocar preenchimento em CSS Propriedades: padding, padding-top, padding-right, padding-bottom e padding-left 12 - Excesso O que fazer quando o conteúdo de uma tag é maior que a largura e/ou altura Propriedades: overflow, overflow-x e overflow-y Valores para as propriedades: visible, hidden, scroll e auto 13 - Modelo de Caixa Qual é o conceito de modelo de caixa e porque é importante conhecer ele para montar o layout de uma página 14 - Fundo Como alterar a cor de fundo, colocar imagem como fundo e definir a posição da mesma Propriedades: background, background-color, background-image, background-repeat, background-attachment e background-position Valores para background-repeat: repeat, repeat-x, repeat-y, no-repeat, space e round Valores para background-attachment: scroll, fixed e local Valores para background-position: left top, left center, left bottom, right top, right center, right bottom, center top, center center, center bottom 15 - Contorno Como colocar contorno no conteúdo utilizando CSS Propriedades: outline, outline-color, outline-style, outline-width e outline-offset Valor para outline-color: invert Valores para outline-style: none, hidden, dotted, dashed, solid, double, groove, ridge, inset e outset Valores para outline-width: medium, thin e thick 16 - Formatação de Texto | Parte 1 Como fazer formatação de texto utilizando CSS Propriedades: color, direction, unicode-bidi, letter-spacing, line-height, text-align, text-indent, text-transform, word-spacing e text-shadow Valores para direction: ltr e rtl Valores para unicode-bidi: normal, embed, bidi-override, isolate, isolate-override e plaintext Valor para line-height: normal Valores para text-align: left, right, center e justify Valores para text-transform: none, capitalize, uppercase e lowercase Valor para word-spacing: normal 17 - Formatação de Texto | Parte 2 Como fazer formatação de texto utilizando CSS Propriedades: text-decoration-line, text-decoration-color, text-decoration-style, text-decoration, white-space, vertical-align e text-overflow Valores para text-decoration-line: none, underline, overline e line-through Valores para text-decoration-style: solid, double, dotted, dashed e wavy Valores para white-space: normal, nowrap, pre, pre-line e pre-wrap Valores para vertical-align: baseline, sub, super, top, text-top, middle, bottom e text-bottom Valores para text-overflow: clip e ellipsis PS: - Como temos nossos serviços seculares que é como conseguimos o sustento não teremos como responder todos os comentários de imediato, mas de qualquer forma agradecemos desde já a ajuda - Sempre que tiver vídeo novo atualizaremos este tópico
  19. TPrinceAsmodeus

    Duvida sobre PHP e CSS

    Sou novo aqui, então perdão se eu estiver postando no lugar errado ou coisa do tipo Bom, comecei a estudar programação a um tempo atrás e agora estou estudando PHP, para por em prática oque aprendi decidi criar um site usando html, php e etc, mas logo de cara me deparei com um problema, ao tentar criar uma área que iria permitir ao usuário escolher um tipo de calculo matemático e realiza-lo com os valores desejados, acabei percebendo que ao enviar os formulários para o arquivo php, ele abre e faz os cálculos como deveria, porém não carrega o css do site, então gostaria de saber como posso resolver isso, se tem algum método de carregar o css no arquivo php normalmente, ou se tem a possibilidade de ao invés de ir para o arquivo php, apenas trazer os resultados do arquivo php para o arquivo html.
  20. kjefersonf

    Clonar div com javascript

    Olá, eu consegui criar o codigo para clonar as div, para gerar um questionário baseado no google forms. Só que o problema é que quando crio a nova div, ele apaga a pergunta e a resposta anterior. Alguém pode me ajudar. <!DOCTYPE html> <html lang="pt"> <head> <script src="../jquey/jquery-3.3.1.min.js" type="text/javascript"></script> <a href="../jquey/gulpfile.js"></a> <script src="../jquey/jquery.fullPage.js" type="text/javascript"></script> <link href="../boot/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="../boot/css/bootstrap-theme_1.css" rel="stylesheet" type="text/css" /> <link href="../css/style.css" rel="stylesheet" type="text/css" /> <!-- Website CSS style --> <!-- Website Font style --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"> <!-- Google Fonts --> <link href='https://fonts.googleapis.com/css?family=Passion+One' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'> <!--INPUTS OUTROS --> <base href="https://raw-dot-custom-elements.appspot.com/PolymerElements/paper-input/v2.1.1/paper-input/"> <script src="../webcomponentsjs/webcomponents-lite.js"></script> <link rel="import" href="paper-input.html"> <link rel="import" href="../iron-icons/iron-icons.html"> </head> <style> paper-input { max-width: 400px; margin: auto; } iron-icon, div[suffix] { color: hsl(0, 0%, 50%); margin-right: 12px; } </style> <body> <div class="minha"> <div class="container"> <div class="row main"> <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1"></div> <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10"> <div class="panel-heading"> <div class="main-login main-center"> <div id="s" align="center"> <strong>Questionario</strong> </div> <form class="form-horizontal" method="post" action="Recebeform.php"> <div class="form-group"> <label for="name" class="cols-sm-2 control-label">Digite o nome do questionario</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="quest" id="name" placeholder="Entrevista de emprego " /> </div> </div> </div> <div class="form-group"> <label for="name" class="cols-sm-2 control-label">Descrição questionario.</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="descr" id="name" placeholder="Avaliar pessoas" /> </div> </div> </div> <div class="form-group"> <label for="name" class="cols-sm-2 control-label">Setor</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="categ" id="name" placeholder="Recursos Humanos" /> </div> </div> </div> <div class="form-group"> <label for="name" class="cols-sm-2 control-label">Autor</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="autor" id="autor" placeholder="Mario Quintana" /> </div> </div> </div> <div class="form-group "> </div> <input type="hidden" name="total" id="total" value="0"> </form> </div> </div> </div> </div> </div> </div> <div id="perguntas" style="display: block"> <div class="container"> <div class="row main"> <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1"></div> <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10"> <div class="panel-heading"> <div class="main-login main-center"> <form class="form-horizontal" method="post" action="#"> <div class="form-group"> <label for="name" class="cols-sm-2 control-label">Digite sua pergunta.</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="pergunta" id="name" placeholder="Qual seu nome?" /> </div> </div> </div> <div id="multiplaescolha"> <div class="form-group"> <label for="name" class="cols-sm-2 control-label">Digite sua pergunta de multipla escolha.</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="pergunta" id="name" placeholder="Qual a sua idade?" /> <br> </div> </div> <div class="row"> <div class="col-lg-6"> <div class="input-group"> <span class="input-group-addon"> <input type="radio" name="optradio"> </span> <input type="text" class="form-control" aria-label="..."> </div> <!-- /input-group --> </div> <!-- /.col-lg-6 --> <div class="col-lg-6"> <div class="input-group"> <span class="input-group-addon"> <input type="radio" name="optradio"> </span> <input type="text" class="form-control" aria-label="..."> </div> <!-- /input-group --> </div> <div class="col-lg-6"> <div class="input-group"> <span class="input-group-addon"> <input type="radio" name="optradio"> </span> <input type="text" class="form-control" aria-label="..."> </div> <!-- /input-group --> </div> <div class="col-lg-6"> <div class="input-group"> <span class="input-group-addon"> <input type="radio" name="optradio"> </span> <input type="text" class="form-control" aria-label="..."> </div> <!-- /input-group --> </div> <div class="col-lg-6"> <div class="input-group"> <span class="input-group-addon"> <input type="radio" name="optradio"> </span> <input type="text" class="form-control" aria-label="..."> </div> <!-- /input-group --> </div> <div id="maisresposta"> </div> <!-- mais resposta --> </div> <button onclick="MaisRespostas()" class="btn btn-default btn-disable" type="button">ADD MAIS RESPOSTAS</button> </div> </div> <!-- /.multipla escolha --> </form> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row main"> <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1"></div> <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10"> </div> <br><br> <div class="form-group "> <button type="button" class="btn btn-success">Gravar</button> <button type="button" class="btn btn-info">Salvar rascunho</button> <button onclick="addPergunta()" class="btn btn-warning btnPrincipal" name="2">ABERTA <i class="glyphicon glyphicon-plus-sign"></i> </button> <button onclick="PME()" class="btn btn-danger btnPrincipal" name="3">Fechada <i class="glyphicon glyphicon-plus-sign"></i> </button> </div> </div> </div> <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1"> </div> </body> <script> function Mudarestado(el) { //var display = document.getElementById(el).style.display; //if (display == "none") document.getElementById(el).style.display = 'block'; //else //document.getElementById(el).style.display = 'none'; } var conti = 0; function addPergunta() { conti++; var htmlNovo = ""; htmlNovo += '<div class="container">' + '<div class="row main">' + '<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1"></div>' + '<div class="col-xs-10 col-sm-10 col-md-10 col-lg-10">' + '<div class="panel-heading">' + '<div class="main-login main-center">' + '<form class="form-horizontal" method="post" action="#">' + '<div class="form-group">' + '<label for="name" class="cols-sm-2 control-label">Digite sua pergunta.</label>' + '<div class="cols-sm-10">' + '<div class="input-group">' + '<span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span>' + '<input type="text" class="form-control" name="pergunt' + conti + ' " id="name" placeholder="Qual seu nome?" />' + '</div></div></div></form></div></div></div></div></div>' + ''; document.getElementById("perguntas").innerHTML += htmlNovo; } var contador = 0; function MaisRespostas() { contador++; var htmlpergunta = ""; htmlpergunta += '<div class="col-lg-6">' + '<div class="input-group">' + '<span class="input-group-addon">' + '<input type="radio" name="optradio">' + '</span>' + '<input type="text" class="form-control" aria-label="...">' + '</div>' + '</div>' + ''; document.getElementById("maisresposta").innerHTML += htmlpergunta; } var mudadiv = 1; var novasperguntas = 0; function PME() { novasperguntas++; mudadiv++; var html = ""; html += '<div class="main-login main-center">' + '<div class="form-group">' + '<label for="name" class="cols-sm-2 control-label">Digite sua pergunta de multipla escolha.</label>' + '<div class="cols-sm-10">' + '<div class="input-group">' + '<span class="input-group-addon">' + '<i class="fa fa-user fa" aria-hidden="true">' + '</i></span>' + '<input type="text" class="form-control" name="pergunta" id="name" placeholder="Qual a sua idade?" />' + '<br>' + '</div>' + '</div>' + '<div class="row">' + '<div class="col-lg-6">' + '<div class="input-group">' + '<span class="input-group-addon">' + '<input type="radio" name="optradio">' + '</span>' + '<input type="text" class="form-control" aria-label="...">' + '</div>' + '</div>' + '<div id="maisresposta2' + mudadiv + '">' + '</div>' + '</div>' + '<button onclick="MaisRespostas2(' + mudadiv + ')" class="btn btn-default btn-disable" type="button">ADD MAIS RESPOSTAS</button>' + '<div id="NPME">' + '</div>' + '</div>' + '</div>' + '</div>' + '</div>' + '</div>' + '</div>' + '</div>' + ''; document.getElementById("multiplaescolha").innerHTML += html; } var con = 0; function MaisRespostas2(mudaduv) { con++; var htmlresposta = ""; htmlresposta += '<div class="col-lg-6">' + '<div class="input-group">' + '<span class="input-group-addon">' + '<input type="radio" name="optradio">' + '</span>' + '<input type="text" class="form-control" aria-label="...">' + '</div>' + '</div>' + ''; document.getElementById("maisresposta2" + mudaduv + "").innerHTML += htmlresposta; } </script> <link href="../css/botoes.css" rel="stylesheet" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </html>
  21. Galera, to compartilhando um curso mega útil. Em uma página web moderna pode conter diversas imagens e muitas vezes essas nem chegam a ser vistas pelo usuário, pois o mesmo pode clicar em um link e já navegar para outro conteúdo, não é verdade? No desenvolvimento de uma aplicação web, por exemplo, acabamos carregando todas as imagens mesmo sem necessidade, o que atrapalha e muito o tempo de carregamento e aumenta o consumo de banda desnecessariamente. Existe uma técnica chamada Lazy Load que resolve exatamente esse problema, ou seja, as imagens são carregadas apenas quando aparecem na área visível do navegador. https://preview.ibb.co/kEwDOH/curso_lazy_load_1.png https://preview.ibb.co/jOiciH/curso_lazy_load_2.png Se liga aqui para ver os cursos, completos e grátis:https://youtu.be/86wxusfp000 https://youtu.be/IKznPWVgDKg https://youtu.be/8JW2kH4spk0 https://youtu.be/NWE_2Sz7cjg https://youtu.be/R3ZwASzR0m8 https://youtu.be/BBqD-oJTg7s
  22. fjunior

    Criar uma página HTML a partir de um arquivo PHP

    Pessoal sou novo aqui no forum, não sei se estou postando no canto, peço a compreensão. Tenho esse código aqui: <?php /* --- Gerar conteúdo numa variavel primeiro --- */ /* . é o operador de soma no PHP ("a"."b" = "ab") */ $content = "<html><head><title>Titulo</title></head>"; $content .= "<a href="http://www.google.com.br"><img style="border: 0px solid ; width: 57px; height: 101px;" alt="" src="imagem.jpg"></a>"; $content .= "</body></html>"; $file = fopen("pagina.html", "w"); fwrite($file, $content); fclose($file); ?> Ele cria uma página em html, porem eu não posso criar essa página com a estrutura que eu quiser, ex: com imagens, formulários, links, enfim... uma página modelada a meu gosto. Quero inclusive que ele aceite iframe, porem não está aceitando, como podem perceber. É possível fazer ele funcionar como eu quero? Desde já agradeço uma boa ajuda.
  23. Gabriel Robucce

    Ajuda HTML/Javascript

    Estou com um blogger. programando em uma ferramenta que só aceita códigos html e javascript!! achei várias soluções mas em outras linguagens aí não funciona nele... O caso é: Tem um banner flutuante e eu quero que ele só apareça em versão desktop PC! não quero que o banner fique aparecendo em mobile. Código do banner flutuante: </style> <script type="text/javascript" src="https://sites.google.com/site/testandojackson/publicidade.js"></script><div id="feed" style="visibility: hidden; background-color: #ffffff; width: 400px;height: 400px;border: 0px solid #0C527C; position: fixed; bottom: 40px; right: 40px; z-index:1000000"><div id="topo-title" align="center" style="width: 100%; height:40px; background-color: #E3C07F"><span id="pub" style="font-size:40px; color:#ffffff;font-weight: bold;"><a href="javascript:closebar(feed);"><img src="http://ap.imagensbrasil.org/images/2017/11/01/fechar.jpg" widht=80x height=62px; align="center" border="0" title="Fechar" /></a></span></div> <img src="http://ap.imagensbrasil.org/images/2017/11/01/88.jpg" alt="banner147a22760e35c379.jpg";/> </div></div>
  24. Eu queria saber se tem como criar uma pagina para adicionar um filme mas através da tag iframe Por exemplo: <nav class="navbar navbar-expand-lg navbar-light bg-dark"> <a href="home.html"> <img src="css/logo.png" alt="logo"></a> <input class="form-control" id="myInput" type="text" placeholder="Pesquise uma serie"> <a href="adicionar.html" class="btn btn-secondary" style="margin-left: 3%">Adicionar uma Serie</a> </nav> <div class="container"> <div class="row"> <div class="col-sm-12 col-md-4"> <div class="thumbnail"> <a href="dexter/index.html"> <img src="img/capas/dexter.jpg" alt="dexter" class="img"> <div class="caption"> <p>DEXTER</p> </div> </a> </div> </div> </div> Minha lista só tem 1 item aí eu queria saber se tem como criar uma pagina para adicionar um no item de um link externo sem ter que mexer no código.
  25. guirodrigues

    Copiando nome de todos escritórios da XP para uma planilha

    Olá pessoal, Preciso realizar uma macro para copiar cada um dos escritórios da XP no Brasil para uma planilha, porém estou com dúvida no começo do código. Realizei duas subs, uma que abre o IE e outra que processa o código HTML. O site em questão (https://www.xpi.com.br/sobre-a-xp/encontre-um-escritorio/) conta com dois objetos de tag "select", um que se refere aos estados ("states") e outro que se refere à cidade ("cities"). Minha dúvida é como atualizar o objeto "cities" ao escolher um estado da lista. Meu código até aqui é esse, porém ao selecionar o estado as cidades possíveis não são atualizadas, e, com isso, a minha cidade sempre retorna "Selecione a cidade": Sub EscritoriosXPIE() 'HABILITAR REFERÊNCIAS: Microsoft Internet Control, Microsoft HTML Object Library Dim IE As SHDocVw.InternetExplorer, HTMLDoc As MSHTML.HTMLDocument, HTMLButton As MSHTML.IHTMLElementCollection 'definindo objeto IE Set IE = New SHDocVw.InternetExplorer 'abrindo IE With IE .Visible = True .navigate "https://www.xpi.com.br/sobre-a-xp/encontre-um-escritorio/" 'pausar a macro enquanto carrega o navegador While .readyState <> READYSTATE_COMPLETE Wend End With 'abrindo o código HTML Set HTMLDoc = IE.Document Set HTMLButton = HTMLDoc.getElementsByTagName("button") ' 'printando número de botons ' Debug.Print HTMLButton.Length 'pesquisar escritórios XP ProcessarHtmlPage HTMLDoc End Sub Sub ProcessarHtmlPage(HTMLPage As MSHTML.HTMLDocument) 'HABILITAR REFERÊNCIA: Microsoft HTML Object Library Dim HTMLStates As MSHTML.IHTMLElement, HTMLCities As MSHTML.IHTMLElement Dim HTMLOptionState As MSHTML.IHTMLElement, HTMLOptionCity As MSHTML.IHTMLElement Dim HTMLButtons As MSHTML.IHTMLElementCollection Dim cont_states As Long, cont_cities As Long, state As Long, city As Long 'limpando a plan de trabalho Worksheets("Resumo").Select Cells.Delete 'definindo objetos HTMLState, HTMLCity e HTMLButton Set HTMLStates = HTMLPage.getElementById("states") Set HTMLButtons = HTMLPage.getElementsByTagName("buttons") 'definindo número de estados cont_states = HTMLStates.Length 'loop por todos os estados e cidades For state = 0 To cont_states Debug.Print HTMLStates.Item(state).innerText HTMLStates.selectedIndex = state Set HTMLCities = HTMLPage.getElementById("cities") cont_cities = HTMLCities.Length For city = 0 To cont_cities On Error Resume Next Debug.Print HTMLCities.Item(city).innerText Next city Next state End Sub Obrigado desde já pela ajuda!