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 1747 registros

  1. Incompetech

    Tooltip - HTML / CSS / JS

    Olá a todos. Então.. eu estava praticando um pouco de HTML / CSS e no fim cheguei a um resultado bem legal e simples claro disto aqui: Eu sei que alguns vão reconhecer isto.. Mas para quem não conhece é algo relacionado ao game MU ONLINE. Enfim. Como podem ver eu inventei alguns adicionais que no caso são as características dessa armadura, porém eu gostaria de aplicar um efeito em que esses adicionais apareçam quando eu passar o mouse por cima da imagem da armadura.. como se fosse dentro do game. Abaixo vão alguns exemplos: Efeito aplicado em um projeto HTML: O mesmo efeito In Game: Sei que pode parecer algo meio trivial mas gostaria muito de aprender como eu faço para criar algo igual, se puderem me ajudar eu agradeço de coração.
  2. Senhores, preciso de uma ajuda, estou criando um formulário onde o checkbox fique "checked" quando clicar em cima, mas o detalhe e que quando atualizar a pagina o checkbox permaneça marcado. É possível?
  3. WagnerFilho

    CSS - Position: Sticky

    Olá, Seguindo exatamente o exemplo abaixo, alguém pode me ajudar a trabalhar o position:sticky Hoje, a próxima data está se posicionando em cima da data atual. Desta forma, a opacidade e a sombra da data está ficando em 100%, gerando uma visão grotesca, caso haja muitas datas. Eu quero que a data anterior, suba com o scroll e dê lugar para a próxima data. Se eu adicionar a data e os diálogos em um container, dá certo, porém, preciso trabalhar com o que tenho abaixo. Javascript também é aceito para este trabalho o que tenho até agora jsfiddle <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title></title> <meta name="description" content="sticky"> <meta name="viewport" content="width=device-width"> </head> <body> <div class="chat"> <div class="data">05/03/2019</div> <div class="box recebido">Olá</div> <div class="box enviado">Oi, tudo bem ?</div> <div class="data">06/03/2019</div> <div class="box recebido">Tudo bem!</div> <div class="box recebido">e voce ?</div> <div class="box enviado">Tudo bem tambem</div> <div class="box recebido">preciso de ajuda</div> <div class="box recebido">Voce pode me ajudar</div> <div class="data">07/03/2019</div> <div class="box enviado">Talvez sim</div> <div class="box enviado">O que voce precisa</div> <div class="box recebido">Como posso utilizar o position:sticky ?</div> <div class="box enviado">Deixe-me ver</div> <div class="box enviado">Acho que posso te ajudar</div> <div class="box recebido">Certo</div> </div> </body> <style> * { margin: 0px; padding: 0px; } .chat { overflow: auto; border: solid 1px black; position: fixed; left: 50%; top: 50%; background-color: #e5ddd5; z-index: 100; height: 500px; margin-top: -200px; width: 500px; margin-left: -300px; } .box { width: 300px; margin: 30px auto; padding: 20px; text-align: center; font-weight: 400; color: black; font-family: arial; position: relative; border-radius: 20px; } .box.enviado { background: #dcf8c6; } .box.recebido { background: white; } .recebido:before { content: ""; width: 0px; height: 0px; position: absolute; border-left: 10px solid white; border-right: 10px solid transparent; border-top: 10px solid white; border-bottom: 10px solid transparent; left: 19px; bottom: -19px; } .enviado:before { content: ""; width: 0px; height: 0px; position: absolute; border-left: 10px solid transparent; border-right: 10px solid #dcf8c6; border-top: 10px solid #dcf8c6; border-bottom: 10px solid transparent; right: 19px; bottom: -19px; } .data { background-color: rgba(225, 245, 254, 0.92); color: rgba(69, 90, 100, 0.95)!important; padding: 5px 12px 6px 12px!important; border-radius: 7.5px!important; box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13)!important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4)!important; margin-bottom: 8px!important; margin-top: 8px!important; margin-right: auto!important; margin-left: auto!important; max-width: 75px; opacity: 0.8; z-index: 2; } .data { top: 10px; position: sticky; } </style> </html>
  4. marcosrosario

    Quero colocar um scroll em pagina HTML + CSS

    Eu estou fazendo uma página para faculdade que só pode ser usado HTML e CSS, e nessa página eu gostaria de ter um scrolls, Porém, ao invés de usar o scroll do mouse, usar um botão dentro da própria página levando ela ao conteúdo desejado. No caso, a página seria uma só e teriam algumas camadas, a camada da página inicial que conteria todos os botões levando a todas as outras camadas, camada de baixo com algum conteúdo, outra camada com outro conteúdo... Como posso fazer? Além de querer saber como criar os scrolls, queria saber como criar backgrounds separados, página inicial de uma cor, conteúdo de outra, assim como no site. Desde já, agradeço. Site de exemplo: arcadis
  5. bessa238

    setar SELECT de estado e cidade dependentes

    Bom dia galera, estou tendo um problema com meu código, eu trago os dados do banco mas tenho 2 SELECT dependentes, um com estado e a cidade, segue o código $.when( $('#estado').val(data.estado), //o valor da option no select estado ( já está preenchido com os values desde o carregamento da página ) é setado. $('#estado').change()) //o método change() é chamado para que o carregamento das cidades no select 2 ( cidades ) é feito. .then(function() { $('#cidade').val(data.cidade); //deveria setar a cidade vinda do banco como a option no select. }); funcional apenas até a parte do $('#estado').change(), a cidade ( vinda do banco ) é até setada por um breve momento, questão de 0,25 segundos, depois o valor que aparece na cidade é alterado e setado como a primeira option dentre todas opções do select. Alguém já passou por tal problema ? estou a um tempo atrás de solução e não consigo obter nenhuma resposa, porém sei que é possível fazer como isso é apenas um formulário de cadastro para edição, muitos outros sistemas e sites usam este recurso. Desde já, obrigado a todos !
  6. Olá, estou desenvolvendo um BOT utilizando java, javascript e node.js, gostaria de saber se tem como eu fazer um painel em java (arquivo executável) onde tem um campo de texto (Que é digitado um tema, exemplo "Brasil"), uma lista com 3 itens (Quem é, O que é e A história do(a), você iria selecionar, por exemplo no campo de texto você digitou "Brasil" e na lista você selecionaria "A história do(a)"...) como faço pra quando clicar no botão "Enviar" ele iria executar um comando em node.js adicionando as informações (Tema e Opção). Caso não tenha entendido posso tentar explicar de uma forma mais clara!
  7. MateusOFCZ

    Como inserir dados em um banco de dados.

    Olá, gostaria de saber como coloco essas informações (http://prntscr.com/mxgioc) em um banco de dados. SQL do banco de dados (Estrutura: http://prntscr.com/mxgm0k): create table themeloader ( `id` int(11) auto_increment NOT NULL primary key, `tema` varchar(125) CHARACTER SET latin1 NOT NULL, `opcao` enum('0', '1', '2', '3') CHARACTER SET latin1 NOT NULL DEFAULT '0' ) Index.html (Preview: http://prntscr.com/mxglnc): <!DOCTYPE html> <!-- To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. --> <html> <head> <title>BOT Project - Mabel</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <center><img src="img/logo.png"></center> <form method="POST" action="botproject.php"> <div> <label>Tema:</label> <input type="text" name="Tema" id="tema"><br><br> </div> <div class="select"> <select name="opcao" id="opcao" class="form-control"> <option value="0">Selecione uma opção</option> <option value="1">Quem é</option> <option value="2">O que é</option> <option value="3">A história do(a)</option> </select> </div><br><br> <div class="button"> <button type="submit" class="botão" name="enviar" id="enviar">Enviar</button> </div> </form> <center><p style="color:#FFFFFF;"><b>By: Mateus e Vinícius</b></p></center> </body> </html> (Informações BD: http://prntscr.com/mxgmr6)
  8. Gustavo2503

    Função dentro de função

    Eu estou criando uma classe que cria modais usando React, eu preciso criar um modal dentro de um modal, para isso, eu quero chamar a mesma função dentro dela mesma. O modal é criado, mas o problema é que ele não abre, abre o modal principal (#modal-1), mas não abre o sub modal (#modal-2), veja como ficou meu código: index.html <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Modal</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script> <script src="js/modal.js" type="text/babel"></script> <link rel="stylesheet" href="css/modal.css"> </head> <body> <div align="center"> <h1>Modal</h1> </div> <button type="button" data-modal="modal-1">Open Modal</button> <div id="modal-content"></div> <script type="text/babel"> const contentSub = [ <h2>Title SubModal 1</h2>, <p>SubModal</p>, <small>Rodapé submodal 1</small> ]; const idSub = "modal-2"; const content = [ <h2>Title 1</h2>, <section> <button type="button" data-modal="modal-2">Open SubModal</button> <Modal id={idSub} content={contentSub}/> </section>, <small>Rodapé 1</small> ]; const id = "modal-1"; ReactDOM.render( <Modal id={id} content={content}/>, document.getElementById('modal-content') ); </script> </body> </html> js/modal.js class Modal extends React.Component{ constructor(props) { super(props); this.id = this.props.id; this.backgroudColorHeader = this.props.backgroudColorHeader === undefined ? 'rgba(103, 117, 240, 1)' : this.props.backgroudColorHeader; this.textColorHeader = this.props.textColorHeader === undefined ? '#fff' : this.props.textColorHeader; this.backgroudColorBody = this.props.backgroudColorBody === undefined ? 'rgba(255, 255, 255, 1)' : this.props.backgroudColorBody; this.textColorBody = this.props.textColorBody === undefined ? '#000' : this.props.textColorBody; this.backgroudColorFooter = this.props.backgroudColorFooter === undefined ? 'rgba(103, 117, 240, 1)' : this.props.backgroudColorFooter; this.textColorFooter = this.props.textColorFooter === undefined ? '#fff' : this.props.textColorFooter; this.borderRadius = this.props.borderRadius === undefined ? '8px' : this.props.borderRadius; this.content = this.props.content === undefined ? [<h2>header content</h2>, <p>body content</p>, <p>footer content</p>] : this.props.content; this.size = this.props.size === undefined ? 3 : this.props.size; } closeModal = () => { $('#'+this.id).removeClass("show"); $('body').removeClass("overflow-hidden"); }; render(){ $(`[data-modal]`).click( function () { var id = $(this).attr("data-modal"); var el = document.getElementById(id); $(el).addClass("show"); $('body').addClass("overflow-hidden"); }); var background, text; background = this.backgroudColorHeader; text = this.textColorHeader; const transparencyBackgroundHeader = background.substring(background.length-2,background.length-1) -.1; const backgroundColorHeader = `${background.substring(0,background.length-2)}${transparencyBackgroundHeader})`; const styleColorHeader = { backgroundColor: backgroundColorHeader, color: text, borderBottom: `1px solid ${background}` }; background = this.backgroudColorBody; text = this.textColorBody; const styleColorBody = { backgroundColor: background, color: text }; background = this.backgroudColorFooter; text = this.textColorFooter; const transparencyBackgroundFooter = background.substring(background.length-2,background.length-1) -.1; const backgroundColorFooter = `${background.substring(0,background.length-2)}${transparencyBackgroundFooter})`; const styleColorFooter = { backgroundColor: backgroundColorFooter, color: text, borderTop: `1px solid ${background}` }; const styleBorderRadius = {borderRadius: this.borderRadius}; const eDivision = ['h', 'b', 'f']; const eContent = this.content; var div = []; for (var i=0;i<eContent.length;i++){ const part = eDivision[i].replace('h', 'header').replace('b', 'body').replace('f', 'footer')+"-modal"; const closeModal = i === 0 ? <span onClick={this.closeModal} className="close-modal"><i className="material-icons">close</i></span> : "" ; var style; if (i===0) style = styleColorHeader; else if (i===1) style = styleColorBody; else style = styleColorFooter; div.push(<div key={i+1} className={part} style={style}> {closeModal} {eContent[i]} </div>); } const eSize = this.size; const s = ['s', 'm-s', 'm', 'm-l', 'l']; const size = s[eSize-1]; const classModal = (size !== "s" && size !== "m-s" && size !== "m" && size !== "m-l" && size !== "l") ? 'modal-modal modal-m' : "modal-modal modal-"+size; return <div id={this.id} className={classModal}> <div className="overflow-modal"> <div className="container-modal" style={styleBorderRadius}> {div} </div> </div> </div>; } }
  9. gustavopc123

    Formulário de contato com html e css

    Meu site diyjogos fiz com html e css, e acho parece que está faltando alguma coisa, alguém poderia me auxiliar, minha dúvida é se da pra fazer um formulário de contato com html e css e que realmente funcione (Obs: Não tenho hospedagem é tudo com codigos, sem php) Alguem poderia me ajudar ? Da uma olhada no site por favor.
  10. preciso de ajuda com uma pagina index que tem charset=utf-8 e usa o comando window.addEventListener('DOMContentLoaded', function() { $("#pagina").load('pagina.html'); para exibir ela inteira no index a pagina a ser carregada recebe umas tags do sistema mk auth e oque acontece é erro nas letras como ç,á,ã fica com ���� no lugar. alguém poderia me orientar ? já não sei mais oque fazer!
  11. Giselisestari

    Auxilio em HTML

    Bom dia, estou precisando criar um arquivo em HTML. teu tenho o texto inicial que está funcionando, agora necessitaria colocar o texto na vertical e em duas tabelas mas com os exemplos que pesquisei não consegui criar. Este HTML busca informações de uma lista do Sharepoint Online. Segue abaixo o que eu fiz e está funcionando. "<!DOCTYPE html> <html> <body> <h2>Título</h2> <div>" & Título_DataCard1.Default & "<div> <h2>Descrição</h2> <div>" & Descrição_DataCard1.Default & "<div> <h2>Imagem</h2> <div>"& Imagem_DataCard1.DisplayMode &"<div> </body> </html>
  12. HTML : <ul class="dropdown-menu"> <div id = "test"> <button><a id ="epicTable" class='btn btn-success teste' class="collapse-item" tabindex="-1" href="tables.html">Epic</a></button> </div> </ul> Javascript : $(document).ready(function(){ $.ajax({ url : "", type : "get", crossDomain: true, dataType : "json", success : function(data){ console.log(data); data.forEach((epic) => { console.log(epic.Collection) $('#epicTable').append(`<tr> <td>${epic.Id}</td> <td>${epic.Collection}</td> <td>${epic["Primavera.Common.Teams"]}</td> <td>${epic["System.State"]}</td> <td>${epic["System.IterationPath"]}</td> <td>${epic["System.Title"]}</td> </tr>`) }) $("#txtId").val(data.Id); $("#txtSystem.Collections").val(data.Collections); $("#txtSystem.Primavera.Common.Teams").val(data.Primavera.Common.Teams); $("#txtSystem.System.State").val(data.System.State); $("#txtSystem.System.IterationPath").val(data.System.IterationPath); $("#txtSystem.System.Title").val(data.System.Title); }, error : function(erro){ console.log(erro); } }); });
  13. HTML : <ul class="dropdown-menu"> <div id = "test"> <button><a id ="epicTable" class='btn btn-success teste' class="collapse-item" tabindex="-1" href="tables.html">Epic</a></button> </div> </ul> Javascript : $(document).ready(function(){ $.ajax({ url : "", type : "get", crossDomain: true, dataType : "json", success : function(data){ console.log(data); data.forEach((epic) => { console.log(epic.Collection) $('#epicTable').append(`<tr> <td>${epic.Id}</td> <td>${epic.Collection}</td> <td>${epic["Primavera.Common.Teams"]}</td> <td>${epic["System.State"]}</td> <td>${epic["System.IterationPath"]}</td> <td>${epic["System.Title"]}</td> </tr>`) }) $("#txtId").val(data.Id); $("#txtSystem.Collections").val(data.Collections); $("#txtSystem.Primavera.Common.Teams").val(data.Primavera.Common.Teams); $("#txtSystem.System.State").val(data.System.State); $("#txtSystem.System.IterationPath").val(data.System.IterationPath); $("#txtSystem.System.Title").val(data.System.Title); }, error : function(erro){ console.log(erro); } }); });
  14. Gostaria de uma ajuda de vocês, estou upando alguns vídeos no google drive, e gerando um código para colocar em meu site. Consigo visualizar ele normalmente no navegador web, e também em celulares android. Porem no navegador Safari para Ios ele não abre, sabem qual o problema? Segue o código que o google drive gera: <iframe src="https://drive.google.com/file/d/1Vcv1xLzitK_RaR0U5keQ9Zk92p6shDYY/preview" width="700" height="430"></iframe>
  15. VCastilho

    Criação de um Filtro Inteligente

    Boa Tarde Estou tentando desenvolver um Filtro Inteligente, no qual funcionaria da seguinte forma: Filtro 1 Filtro 2 Filtro 3 Filtro 4 Opção 1 Opção 2 Opção 3 Ao selecionar a Opção 1 do Filtro 1 liberaria as opções do filtro 2 Filtro 1 Filtro 2 Filtro 3 Filtro 4 Opção 1 Opção 1 - a Opção 1 -b Opção 1 -c Assim escolhendo a opção do filtro 2 liberaria as opções do Filtro 3 e assim por diante Ao escolher a Opção 2 do Filtro 1 liberaria outras opções No caso preciso aplicar na plataforma da Tray, que é o de menos porém não consigo chegar ao código certo Estou tentando utilizar o HTML e o JQuery em conjunto para isso, conseguem me ajudar? Realmente estou perdido na situação Atenciosamente Vinicius Castilho
  16. Francklyn Souza

    mail para mesma página

    Gente estou com uma certa dúvida e queria maiores atualizações Eu tenho o seguinte código <? // VALIDAÇÃO DE DADOS $chCC_Nome=$_POST['chCC_Nome']; $chCC_Assunto=$_POST['chCC_Assunto']; $chCC_Email=$_POST['chCC_Email']; $chCC_Mensagem=$_POST['chCC_Mensagem']; // ENVIAR DADOS mail("Contato <contato@meudominio.com","$chCC_Assunto"," NOME DE IDENTIFICAÇÃO.: $chCC_Nome EMAIL ELETRÔNICO.: $chCC_Email MENSAGEM: $chCC_Mensagem","FROM: $chCC_Nome < $chCC_Email >"); ?> <form name="form" accept-charset="ISO-8859-1" method="post" action="?st=contato" id="mainform"> <input name="chCC_Assunto" type="hidden" id="chPP_Assunto" value="PG CTS" /> <input name="chCC_Nome" type="text" placeholder="Nome Completo" required /> <input name="chCC_Email" type="text" placeholder="Endereço Eletrônico" required /> <input name="chCC_Email" type="text" placeholder="Mensagem" required /> <input class="submit" type="submit" value="Enviar" /> Como faço pra enviar para mesma página sem redirecionar para outra e informar uma mensagem dizendo que foi enviado com sucesso! Agradeço desde já.
  17. myknapik

    PHP buscar dados em outra aba do navegador

    Estou iniciando a estudar HTML e PHP. E estava pensando. É possível criar um formulário em HTML, abrir no navegador e preenche lo com dados de outra aba? Exemplo: aba1 sempre abro com os dados do cliente. No sistema aparece em HTML em formato tabular. Na aba2 abriria um arquivo HTML com um formulário que devo preencher e imprimir com os dados da aba1. É possível importar esses dados pelo PHP?
  18. isaque_cb2

    botstrap erro com imagem

    Olá galera, eu estou trabalhando em um site pessoal, mais para aprendizado mesmo, mas me deparei com um erro, quando eu abro o site no navegador (PC) funciona normal, mas quando abro no celular, a imagem dica pequena e no topo, alguém pode me ajudar com isso? print 1: (modo mobile do inspecionar) no PC fica normal, repare a área cinza abaixo da imagem, toda essa área devia ser coberta pela imagem, grato! http://prntscr.com/mvj3ed Grato desde já!
  19. Jorge Euldes

    Página para Gerar Crachás

    Boa tarde galera, Estou com o seguinte problema, tô criando uma página em que essa página o usuário escolhe um arquivo do pc, que será o layout do seu crachá, o layout aparece na tela sem texto nenhum e o usuário pode colocar tags como: {{nome}} {{funcao}} e etc. Só que não tem idéia de como fazer pra "editar" esse arquivo pela página, ou seja colocar os dados que ele digitar no layout do crachá. Não sei se é possivel editar esse arquivo png(ou psd), já pesquisei muito a respeito e não achei uma solução parar gerar esses crachás. Não precisa me dar algum código pronto, quero pelo menos uma luz, uma ferramenta que seja possível fazer isso. Obrigado!
  20. Ola, Criei uma rotina que eh chamada dentro do html, esta rotina abre um banco de dados e pega os valores de algumas variaveis contendo caminhos para video aulas e entao fecha o banco de dados, ao retornar ao html eu quero usar estas variaveis para abrir videos que estarao sendo demonstrados em forma de links. A mesma situacao foi resolvida dentro do php com imagens para uma outra situacao mas nao consigo fazer isso para videos, se eu conseguir nao preciso puxar as variaveis para o html. <?php // fazendo uma conexão com o banco de dados include("conexao.php"); //pesquisa $resultado = $arquivo->query("SELECT * FROM divulgacao WHERE ativo = 'S' AND tipo = 'IM'"); if (false === $resultado) { echo mysqli_error(); } $linha=mysqli_fetch_array($resultado); $caminho_divulgacao = $linha["caminho"]; //echo "<font face='Arial'><span class='style14'>$caminho_divulgacao</span></font>"; $exibir = "<img src=".$caminho_divulgacao." /><br />"; echo $exibir ; mysqli_close($arquivo); ?> Alguma dica ?
  21. Blasius

    Imagem no mozila

    Olá, sou ainda um garfanhoto. estou com um problema de imagem quando abro no mozila, outros navegadores fica normal. Achei que o comando // -moz-box-sizing: border-box; // iria resolver mas não. MOZILA ########################################################################## CHROME ############################################################## Se alguém puder me dar uma luz eu agradeço, abraço ! HTML <figure class="foto-legenda"> <img src="_imagens/glass-quadro-homem-mulher.jpg"/> <figcaption> <h3>Google glass o mundo aos seus olhos!<h3/> <p> by: caixa d' agua </p> </figcaption> </figure> CSS /* Formatação de imagens com legendas */ figure.foto-legenda { position: relative; border: 4px solid white; box-shadow: 2px 2px 4px black; max-width: 500px; max-height: 281px; } figure.foto-legenda img { width: 100%; height: 100%; } figure.foto-legenda figcaption{ opacity: 0; position:absolute; top: 0px; background-color: rgba(0,0,0,.4); color: white; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; -moz-box-sizing:border-box; transition: opacity 1s; } figure.foto-legenda:hover figcaption { opacity: 1; }
  22. explosivemineyt

    Erro no CSS do formulário

    Bom dia, Eu encontro-me a tentar realizar um formulário login do tipo google, mas apesar de estar a funcionar, por vezes quando recarrego a pagina aparece assim e tenho que carregar na pagina ou no campo ou outro local qualquer para atualizar. Gostaria de conseguir corrijir mas apesar de pesquisar não encontro como corrijir. o meu código html: Meu código css: Meu bootstrap.css(ficheiro muito grande, posso disponibilizar por um drive ou algo do genero) bootstrap versão v4.0.0
  23. mateumt15

    Tabela com linha muito grande

    Tenho uma tabela com muitas linha e uma dessas linha e muito grande, ja tentei varias coisas para arrumar mas nenhuma delas deu jeito nisso segue a tabela <div class='wrapper-modal-editor'> <div class='block my-4'> <div class='d-flex justify-content-center'> </div> </div> <table id='dtBasicExample' class='table table-striped table-bordered table-responsive'> <thead> <tr> <th class='th-sm'>Id Link </th> <th class='th-sm'>Link </th> <th class='th-sm'>Data Inicio </th> <th class='th-sm'>Data Fim </th> <th class='th-sm'>Ação </th> <th class='th-sm'>Dominio </th> <th class='th-sm'>Seleção </th> </tr> </thead> <div> <script src='../js/jquery-3.2.1.min.js'></script> <script src='../js/popper.min.js'></script> <script src='../js/bootstrap-4.0.0.js'></script> </div> </div> <tbody> <tr> <td>27</td> <td>c.apple.com/r?v=2&amp;la=pt&amp;lc=bra&amp;a=z2%2Bnb8HWCoHziyJtbRYNxDd%2FkgyZjZvGSC81JOPXnypgazdDEpi9VZFGWHLJPWmuLtv6bjDTIDHd4zoATogPVtQ0TnXoWLHI2XQ1aVDI5YpHS0D4qfYHYB09Aq0qVHjRe8TR8%2Fo56d7spUwxrFdNL9jusvKWFiLfJBTgZkKsbI4pWRAyzrFaNxkIWNXu%2Fakj&amp;ct=aI3g7L0A3k</td> <td>...</td> <td>...</td> <td>...</td> <td>...</td> <td>...</td> <td>...</td> </tr> </table>
  24. LuanMartinsTI

    Problema com Plugin de Textarea Tinymce

    Bom dia pessoal, eu estou precisando implementar um plugin de textarea em um site, e ele precisa ter o editor de codigo, exatamente como o do forum, uma parte onde voc'e edita um trecho de codigo em determinada linguagem, ate ai tudo bem, o meu funciona corretamente, ai eu clico em inserir trecho de codigos ele aparece lindo, diferenciando cores de tags e tudo mais como se fosse um editor de texto mesmo, netbeans vs entre outros, mas quando eu posto a noticia o codigo fica apenas cinza como se fosse comentado, eu vou colocar o link das duas imagens pra voc"es entenderem, se alguem souber oq pode ser vai me ajudar muito, eu tentei verificar o inspecionar elemento para ver as tags q eram criadas mas nao criava tags entao estou meio confuso se nao eu mesmo estilizaria as tags, mas como nao cria nao sei oq fazer. imagem 1 https://prnt.sc/mt64zk imagem 2 https://prnt.sc/mt65ca eu n'ao sei se [e pribido postar imagens aqui, entao me desculpem se nao puder, mas em todo caso eu implementei todos os JS e CSS do plugin nas duas paginas, na que escreve a noticia e na que abre a noticia
  25. pewty

    zoom in html

    hey, eu queria um código que quando o utilizador passa-se com o rato por cima da imagem fizesse um zoom in tal como aqui -> https://codepen.io/nxworld/pen/ZYNOBZ?editors=1100 não sei porquê não consigo adicionar esse código para fazer com que funcione. ajuda seria bem vinda, obrigado :) código sobre as imagens atual: <div class="w3-row-padding w3-center w3-light-grey"> <div class="w3-third"> <p><b>5D</b></p> <figure><img src="5dseries/5dmkiv.png" alt="Random Name" style="width:50%;height:50%"></figure> <p><b><span>2,999.00 </span></b></p> </div> <div class="w3-third"> <p><b>1D</b></p> <figure><img src="1dseries/1dxmk3.png" alt="Random Name" style="width:50%;height:50%"></figure> <p><b><span>$5,499.00</b></p></span> </div> <div class="w3-third"> <p><b>6D</b></p> <figure><img src="6d/6d1.png" alt="Random Name" style="width:50%;height:50%"></figure> <p><b><span>$1,499.00</span></b></p> </div> </div>
×

Informação importante

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