Pesquisar na Comunidade
Mostrando resultados para as tags ''Css''.
Encontrado 297 registros
-
Como compilar bootstrap e instalalo corretamente em uma aplicação web
Kouta postou um tópico no fórum Desenvolvimento frontend
Olá estou tendo problemas para compilar e instalar o bootstrap em minhas paginas web, sei que no site do próprio framework existe uma versão já compilada nos arquivos para download, já tenho ela baixada e descompactada na pasta do site e com os devidos links para chamar o css e javascript para a pagina a ser carregada mas ainda sim o botstrap não aplicado a pagina. <!doctype html> <html lang="pt-br"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="/css/bootstrap.css"> <title>Hello, world!</title> </head> <body> <h1>Hello, world!</h1> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> </body> </html> Segue uma imagem com o caminho até o arquivo bootstrap.css dentro da pasta css na pasta do site. O caminho esta correto mesmo assim ele não atribui o arquivo a pagina subsequentemente não a estiliza. O mesmo ocorre quando chamo o javascript que baixei já compilado mas nessa versão deixei o do CDN apenas para ver se funcionava esta rodando apena do CDN. Compilei eu mesmo usando aplicativos de compilação de sass mesmo assim ele não atribui a estilização a pagina poderia me dizer se este código BASE esta errado ou desponibilizar algum exemplo de um arquivo em que a ligação do bootstrap a uma pagina web esta feita corretamente. Agradeço desde já a quem puder ajudar! -
Boa tarde, Preciso realizar um webapp em que terei que criar templates prontos para o usuário preencher, como um contrato e ao fim conseguir exportar esse template com os dados do usuário, também deve ter a opção de adição de foto e alteração de cor de fontes. Qual melhor tecnologia para realizar isso? Não sei se a melhor opção é criar os templates em html e deixar os campos como formulários... ou se há alguma outra maneira pois os templates tem designs avançados.
-
Galera boa noite, preciso de ajuda provavelmente com css para a tabela do site que estou criando. Esta como na primeira imagem quando coloco o escudo dos times, fica tudo torto e gostaria que ficasse num padrao como do brasileirao.. como na segunda imagem. ajuda pf
-
Boa tarde, Poderiam me auxiliar? Consigo puxar os dados do meu banco de dados, cada linha certinho, mas preciso organizar cada linha em uma coluna, ou poder formatar com CSS, para ficar certinho e não só jogado na tela. Banco de dados: CREATE DATABASE portoBianchini; USE portoBianchini; CREATE TABLE Usuario ( idUsuario INTEGER NOT NULL AUTO_INCREMENT, nomeCompleto VARCHAR(50) NOT NULL, senha VARCHAR(20) NOT NULL, PRIMARY KEY(idUsuario) ); CREATE TABLE Navio ( idNavio INTEGER NOT NULL AUTO_INCREMENT, transportadora VARCHAR(50) NOT NULL, comandante VARCHAR(50) NOT NULL, matrícula VARCHAR(20) NOT NULL, PRIMARY KEY(idNavio) ); CREATE TABLE Caminhao ( idCaminhao INTEGER NOT NULL AUTO_INCREMENT, trasportadora VARCHAR(50) NOT NULL, motorista VARCHAR(50) NOT NULL, placa VARCHAR(10) NOT NULL, PRIMARY KEY(idCaminhao) ); CREATE TABLE Container ( idContainer INTEGER NOT NULL AUTO_INCREMENT, remetente VARCHAR(50) NOT NULL, destinatario VARCHAR(50) NOT NULL, localizacao VARCHAR(3) NOT NULL, origem VARCHAR(7) NOT NULL, destino VARCHAR(7) NOT NULL, dtEntrada datetime NOT NULL, codigo VARCHAR(20), PRIMARY KEY(idContainer) ); CSS que utilizo: * { margin: 0; padding: 0; } body { font: 100% normal Arial, Helvetica, sans-serif; background: #161712; } form, input, select, textarea { margin: 0; padding: 0; color: #ffffff; } div.box { margin: 0 auto; text-align: center; width: 500px; background: #222222; margin-top: 50px; border: 1px solid #262626; } div.box img { margin-top: 5px; width: 120px; height: 75px; } div.box h1 { color: #ffffff; font-size: 22px; text-transform: uppercase; padding: 5px 0 5px 5px; border-bottom: 1px solid #161712; } div.box h2 { color: #ffffff; font-size: 18px; text-transform: uppercase; padding: 5px 0 5px 5px; border-bottom: 1px solid #161712; } div.box h3 { color: #ffffff; margin-top: 15px; padding: 5px 0 5px 5px; } div.box label { width: 100%; display: block; background: #1C1C1C; border-top: 1px solid #262626; border-bottom: 1px solid #161712; padding: 10px 0 10px 0; } div.box label span { display: block; color: #bbbbbb; font-size: 12px; float: left; width: 100px; text-align: right; padding: 5px 20px 0 0; } div.box .input_text { padding: 10px 10px; width: 200px; background: #262626; border-bottom: 1px double #171717; border-top: 1px double #171717; border-left: 1px double #333333; border-right: 1px double #333333; } div.box .button { color: white; margin: 10px; width: 160px; height: 50px; background: #CC0000; border-bottom: 1px double #660000; border-top: 1px double #660000; border-left: 1px double #FF0033; border-right: 1px double #FF0033; } Página que preciso formatar: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>Saída de Container</title> <link rel="stylesheet" type="text/css" href="index.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="shortcut icon" href="image/logo.jpg" > </head> <body> <div class="box"> <!--FORMULÁRIO DE CADASTRO--> <form method="post" id="cadastrocontainer"> <h1>Cadastro Saída Container</h1> <label> <span>Código</span> <input id="cod" name="cod" type="text" class="input_text"/> </label> </form> <button onclick="window.location.href='scontainer.php'" class="button">Cadastrar</button> <button onclick="window.location.href='pageInicial.php'" class="button">Cancelar</button> </div> <div class="box"> <form> <?php $db = new PDO( 'mysql:host=localhost;dbname=portobianchini;charset=utf8', 'root', '' ); $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $resultado = $db->query('SELECT * FROM container'); foreach($resultado as $linha) { echo "*ID:*".' '.$linha['idContainer'].' '."*Remetente:*".' '.$linha['remetente'].' '."*Destinatário:*".' '.$linha['destinatario'].' '."*Localização:*".' '.$linha['localizacao'].' '."*Origem:*".' '.$linha['origem'].' '."*Destino:*".' '.$linha['destino'].' '."*Data de Entrada:*".' '.$linha['dtEntrada'].' '."*Código:*".' '.$linha['codigo']."<br>"."<br>"; } ?> </form> </div> </body> </html> Em anexo coloquei como aparece a tela agora para mim. Obrigado desde já, amigos.
-
javascript [Gratúito] Curso Javascript Complete para iniciantes
Jhonatan - Dev Aprender postou um tópico no fórum Javascript
Já pensou em criar seus próprios aplicativos ou sites e começar a trabalhar com programação/desenvolvimento ? Em nosso canal do Dev Aprender(Youtube) Temos aulas gratuitas que iram ajudar você chegar no topo na sua carreira ! Curso Completo Javascript / Curso Completo SQL / Trabalho Remoto / Como se destacar no mercado / Desenvolvedor Precisa saber inglês? ### Curso Javascript Completo ### https://www.youtube.com/watch?v=-KlmL1tbhqs&list=PLnNURxKyyLIIyJ_XKZHzU8SQyGu7yuqhn Espero que gostem do material! Se Curtirem eu estarei add mais conteúdo! -
Bem Estou Tentando Criar O Sistemas da pontos para meu site é não estou conseguindo fiz tudo já mas tenho problema na hora de conectar com o my sql para guardar os totais de pontos não consigo me conectar principalmente por nao saber oq é o host nem data base que é preciso no arquivo de conexao
-
Oi , Gente Sou nova no ramo da programação e estou desenvolvendo um site. Já "montei" ele mas tive dificuldade na hora de colocar um tipo de menu e a barra de pesquisa para pesquisar conteúdo dentro do próprio site. Quem puder me ajudar , desde já agradeço imensamente. O menu que quero colocar é esse , que não sei o nome, mas fica na parte superior.
-
Consegui resolver o problema, por favor podem deletar o tópico.
-
Bom dia, peço humildemente a ajuda de vocês, Enfim, estou fazendo um exemplo de site, só para teste mesmo, onde terá uma janela principal perguntando em qual site a pessoa quer ir(1 só empresa, porém dois negócios) ai se a pessoa clicar em alguma das melecas, quero que ela abra mostrando o site, ou só uma imagem mesmo
-
Criar um sistema de votação utilizando HTML + Javascript ES6.
renato.tomio postou um tópico no fórum Javascript
Criar um sistema de votação para uma premiação musical. Esse sistema deverá ser desenvolvido utilizando HTML + Javascript ES6. a) Existem 4 candidatos concorrendo ao prêmio: i) Rita Lee (número 100) ii) Cartola (número 101) iii) Ney Matogrosso (número 102) iv) Anitta (número 103) b) Para realizar a votação, o usuário terá que digitar seu CPF e o número do candidato. i) O usuário não pode votar duas vezes. ii) Se o usuário votar em um número inválido, o sistema contabilizará esse voto como nulo. c) Devido a um conflito da confraternização, a candidata Anitta foi desclassificada mas não deu tempo de retirá-la do painel de votação. Você terá que realizar uma validação avisado que o voto nela não é válido (dando a possibilidade desse mesmo usuário votar em outro candidato). d) O sistema deve mostrar automaticamente a quantidade e porcentagem de voto de cada candidato (parecido com o protótipo). i) O cálculo da porcentagem dos candidatos deverá desconsiderar os votos nulos LINK DO PROTOTIPO: https://www.figma.com/proto/S8tKx3hDbJJNaWJ9WFjzINVY/Prova?node-id=0%3A1&viewport=766%2C1015%2C0.5&scaling=scale-down&redirected=1 -
Olá pessoal eu tenho essa imagem de um login que vou mostrar aqui, consegui o css dela , porem não consegui colocar no meu login, eu vou deixar o login em html, em css eu estou dificuldade. Desde já agradeço a todos então eu o css dela é esse aqui *{margin:0; padding:0;} html{ height:100%; background: linear-gradient(rgba(38, 128, 101, 0.9), rgba(52, 177, 140, 0.9)); } .erros, .ok { width:390px; padding:5px; background:rgba(238, 249, 113, 0.9); margin: 20px auto 0 auto; border: 1px solid rgba(222,239,10,0.9); border-radius: 4px; color: #333; } .ok{background: rgba(155,222,143,0.9);border-color: rgba(68, 171, 50, 0.9);color:white;} body{ font-family: "Trebuchet MS", tahoma, arial; } #formulario{ width:500px; margin:40px auto; text-align:center; position:relative; } #formulario fieldset{ background:white; border:0 none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 15px 1px rgba(0,0,0, 0.4); padding:20px 30px; box-sizing: border-box; width:80%; margin:0 10%; position:absolute; } #formulario input, #formulario textarea{ padding:10px; border:1px solid rgba(38, 128, 101, 0.9); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; outline:none; box-sizing: border-box; width:100%; font:14px "Trebuchet MS", tahoma, arial; color:#090; margin-bottom:10px; } #formulario .acao{ width:100px; background:rgba(38, 128, 101, 0.9); color:white; text-transform:uppercase; font-weight:bold; padding:12px 0; float:left; margin-right:5%; } #formulario .acao:hover{background:rgba(52, 177, 140, 0.9); cursor:pointer;} Aqui abaixo é o html que eu não consegui deixar no css do jeito que está na imagem. <!doctype html> <html> <?php require_once"config.php"; ?> <head> <title>APRENDIZ DE JS</title> <link href="style.css" rel="stylesheet" type="text/css"> <script src="jquery-3.2.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("#but_submit").click(function(){ var username = $("#meu_nome").val().trim(); var password = $("#minha_senha").val().trim(); if( username != "" && password != "" ){ $.ajax({ url:'pesquisar.php', type:'post', data:{username:username,password:password}, success:function(response){ var msg = ""; if(response == 1){ window.location = "home.php"; }else{ msg = "Invalid username and password!"; } $("#message").html(msg); } }); } }); }); </script> </head> <body> <div class="container"> <div id="div_login"> <h1>Login</h1> <div id="message"></div> <div> <input type="text" class="textbox" id="meu_nome" name="meu_nome" placeholder="Username" /> </div> <div> <input type="password" class="textbox" id="minha_senha" name="minha_senha" placeholder="Password"/> </div> <div> <input type="button" value="logar" name="but_submit" id="but_submit" /> </div> </div> </div> </body> </html>
-
Link fica muito grande quando coloco <li> dentro do <a>
egalauber postou um tópico no fórum Desenvolvimento frontend
Quero que meus links tenham marcadores e que os marcadores fiquem selecionados juntos com o link. Pra isso, coloquei o LI dentro do A. <a><li>meu link</li></a> Só que o link ficou muito grande. Mesmo com o mouse longe do texto, ele já ativa o link. Vejam na imagem. Vejam o código: CSS #links_uteis { width:482px; height:230px; float:right; margin-top:20px; margin-right:20px; font-size:20px; list-style-type:disc; list-style-position:inside; } #links_uteis table { width:420px; margin-left:10px; } #links_uteis td { width:210px; padding:5px 10px 5px 10px; } #links_uteis a:hover { text-decoration:underline; color:#D90000; } HTML <div id="links_uteis"> Links úteis <div class="barra_titulo"></div> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td> <a href="#" target="_blank"><li>Inmetro</li></a> </td> <td> <a href="#" target="_blank"><li>Seplag</li></a> </td> </tr> <tr> <td> <a href="#" target="_blank"><li>Ipsemg</li></a> </td> <td> <a href="#" target="_blank"><li>IOF-MG</li></a> </td> </tr> <tr> <td> <a href="#" target="_blank"><li>ALMG</li></a> </td> <td> <a href="#" target="_blank"><li>MGS</li></a> </td> </tr> <tr> <td> <a href="#" target="_blank"><li>Portal de serviços</li></a></td> <td> <a href="#" target="_blank"><li>Portal do servidor</li></a></td> </tr> </table> </div> <!--Fecha a div links_uteis--> -
Implementando jquery em slideshow css puro, vinculando radios com lables
Alan Arnese postou um tópico no fórum Javascript
Bom dia pessoal Estou estruturando um slideshow puro em css3 + html mas percebi que vou precisar de jquery para algumas funções, eu vinculei radios com lables para a navegação do menu e consegui montar em jquery o efeito "active" para quando é clicado em um botão, tudo funcionando perfeitamente e responsivamente nos browsers. Só que agora eu preciso que os slides passem automaticamente e vinculados a navegação, trocando ambos da direta pra esquerda, mantendo o efeito "active" na navegação com harmonia com as imagens, todos os exemplos que saí atrás na internet não vinculam radios com lables para navegação, então isso está me causando uma dificuldade além do que esperava, desde já agradeço a ajuda de vocês Segue abaixo os códigos Index.html <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="slidershow middle"> <div class="slides"> <input type="radio" name="r" id="r1" checked> <input type="radio" name="r" id="r2"> <input type="radio" name="r" id="r3"> <input type="radio" name="r" id="r4"> <input type="radio" name="r" id="r5"> <div class="slide s1"> <a href="#"> <img src="1.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="2.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="3.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="4.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="5.jpg" alt=""></a> </div> </div> <div class="navigation"> <label for="r1" class="bar active"></label> <label for="r2" class="bar"></label> <label for="r3" class="bar"></label> <label for="r4" class="bar"></label> <label for="r5" class="bar"></label> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <script type="text/javascript"> $(document).on('click', 'label', function() { $(this).addClass('active').siblings().removeClass('active') }) </script> </body> </html> style.css *{ margin: 0px; padding: 0px;} .slidershow{ width: 100%; height: 100%; overflow: hidden; position: absolute; max-height: 70%; } .middle{ position: absolute; } .navigation{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; } .bar{ width: 60px; height: 5px; background-color: #c1c0c0; margin: 6px; cursor: pointer; transition: 0.4s; } .bar:hover{ background: #ddcf19; } .bar.active{ background: #ddcf19; } input[name="r"]{ position: absolute; visibility: hidden; } .slides{ width: 500%; height: 100%; display: flex; } .slide{ width: 20%; transition: 0.6s; } .slide a{ display: block; width: 100%; height: 100%; cursor: pointer;} .slide img{ width: 100%; height: 100%; object-fit: cover; } #r1:checked ~ .s1{ margin-left: 0; } #r2:checked ~ .s1{ margin-left: -20%; } #r3:checked ~ .s1{ margin-left: -40%; } #r4:checked ~ .s1{ margin-left: -60%; } #r5:checked ~ .s1{ margin-left: -80%; } Basicamente quero como o link abaixo mas vinculando meus controles de navegação Exemplo -
css Estilizar tags dentro de uma div via CSS
guzulino postou um tópico no fórum Desenvolvimento frontend
É o seguinte no cabeçalho do meu projeto tem uma parte um link que leva a parte principal do site, nessa parte a imagem que está lá dentro redireciona o visitante pra página de destino até aí beleza, mas como eu tenho de definir um tamanho pra imagem eu faço via style na tag do link mesmo no <a style=" "></a>, mas quando tento colocar essa parte do código em uma linha dentro do arquivo CSS que contém todas as estilizações padrão, ele simplesmente não acontece. Vou postar a parte do código e como acho que deveria ser, mas pelo jeito não é essa a forma correta. <body> <div id="site"> <div id="cabecalho"> <div id="link_home"> <a href="index.php"> <img src="imagens/logo.png" alt="logo" style="height: 50px;"/><!--Esse style="height: 50px;" é que eu quero no CSS pra estilização padrão--> </a> </div><!--Final botão logo--> body { background-color: #131521; width: 1000px; margin: auto; font-family: Arial, Helvetica, sans-serif; } #site { background-color: #ffffff; width: 1000px; float: left; } #cabecalho{ background-color: #ffffff; float: left; width: 1000px; height: 70px; } #link_home{ float: left; height: 50px; margin-top: 5px; margin-left: 5px; } #link_home a img { height: 50px; } /* Quando eu coloco aqui no CSS e tiro do HTML ele não funciona */ A grande moral é que eu não sei como indicar pro CSS que é pra alterar somente aquela img daquele a que está dentro daquela DIV -
Mover botões nao consigo mover botoes no html e css
MurilloCSS postou um tópico no fórum Desenvolvimento frontend
Bom dia galera venho aqui falar que to com uma duvida imensa mesmo eu criei 4 botões como na foto e eu quero mover pro lado que ta em vermelho mas de jeito nenhun eu consigo alguem pode me ajudar? codigo: < <div class="menubarra"> <img src="imagens/logo.png" alt="Logo" title="" width="200"> <a href="" class="btn btn-purple">Login</a> <a href="" class="btn btn-purple">Carrinnho</a> <a href="" class="btn btn-purple">Amei</a> <a href="" class="btn btn-purple">Notificacao</a> </div> > CSS: < .menubarra{ background: #1E90FF; top: 100%; margin-block-end: 0%; left: 100px; } > -
Ola pessoal, alguém tem algum código javascript ou pode me dar algum link como referencia que tenha um questionario/quiz que use arrays e estruturas de repetição?
-
Produtos em 2 colunas em CSS - Mobile
Sirlene Cristina postou um tópico no fórum Desenvolvimento frontend
Olá, Não sou programadora, mas estou fazendo alguns ajustes para lançar o nosso e-commerce. Executei muitas alterações com dicas da internet, inclusive 2 do @Maujor. Antes de abrir este tópico pesquisei muito, mas não consegui fazer a última alteração do nosso site. Na versão mobile gostaria que os produtos aparecem em 2 colunas, porém a versão original não permite. Consegui este código da nossa página na loja integrada. @media (max-width: 767px){#listagemProdutos > ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}#listagemProdutos > ul li.listagem-linha ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}#listagemProdutos > ul li.listagem-linha ul li{width:50%;margin:0 0 15px}.listagem.com-caixa .listagem-item{border:0;min-height:368px}.listagem.com-caixa .listagem-item .imagem-produto{border:0;padding:0}.listagem .listagem-item .info-produto{border:none!important;padding:5px 0}.listagem .listagem-item .info-produto a.nome-produto{min-height:110px;display:flex;align-items:center}.busca .botao-busca{padding:5px 14px!important}.listagem .listagem-item .acoes-produto-responsiva,#btn-top{display:none!important}.preco-produto s.preco-venda{display:block;font-size:14px}.preco-produto .desconto-a-vista, .preco-produto strong.titulo{font-size: 11px !important}.preco-venda {display:block;font-size:12px !important;}} Mas não consegui identificar todos os campos, conforme abaixo. @media (max-width: 767px){#listagemProdutos > ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}#listagemProdutos > ul li.slick-slide ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}#listagemProdutos > ul li.slick-slide ul li{width:50%;margin:0 0 15px}.slick-initialized .listagem-item{border:0;min-height:368px}.slick-initialized .listagem-item .imagem-produto{border:0;padding:0}.listagem .listagem-item .info-produto{border:none!important;padding:5px 0}.listagem .listagem-item .info-produto a.nome-produto{min-height:110px;display:flex;align-items:center}.busca .botao-busca{padding:5px 14px!important}.listagem .listagem-item .acoes-produto-responsiva,#btn-top{display:none!important}.preco-produto s.preco-venda{display:block;font-size:14px}.preco-produto .desconto-a-vista, .preco-produto strong.titulo{font-size: 11px !important}.preco-venda {display:block;font-size:12px !important;}} Alguma alma caridosa para me ajudar? https://drogariavivabem.commercesuite.com.br/ Segue abaixo como gostaria que ficasse. Desde já, obrigada. Sirlene -
firefox site funciona 100% no crhome mas buga css no firefox
paikoala postou um tópico no fórum Desenvolvimento frontend
bom dia galera, tenho um site que montei e hospedei ele no 000WEBHOST. enquanto estava montando ele em localhost funcionava tudo certo tanto no crhome quanto no firefox mas quando subi ele pra hospedagem no firefox ele começou a zuar. Pq o site abre normal no chrome e no firefox ele fica assim: -
tray Modificando o carrinho no menu da loja virtual tray com CSS
Vanessa Andrade postou um tópico no fórum Desenvolvimento frontend
BOA NOITE PESSOAL, ESTOU COM UMA DÚVIDA POR FAVOR SE PUDEREM ME AJUDAR. COMO FAÇO PARA ALTERAR O CARRINHO DA MINHA LOJA UTILIZANDO O CSS, O TEMA TEM ESSA SACOLINHA COM PATINHA DE CACHORRO, QUERO TROCAR POR UMA CARRINHO NORMAL.... QUANDO COLOCO PARA INSPECIONAR ELEMENTO APARECE ESSE MONTE DE INFORMAÇÃO... NÃO SEI COMO FAÇO. -
Tenho uma tabela que carrega uma serie de dados, como posso criar link por linha sendo que a tenho que utilizar o conteúdo da primeira coluna como variável. Obrigado
-
Como fazer aparecer Janela Modal Dentro de uma Condição
Matheus Bispo postou um tópico no fórum Javascript
Olá pessoal, eu estou tentando fazer um formulário de fale conosco, utilizando bootstrap. Comecei esses tempos atrás a mexer com esse framework, não entendo muita coisa ainda, mas a minha dúvida é a seguinte: Como eu posso fazer para que a janela MODAL apareça APENAS se tal condição for aceita? <!-- Modal --> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title">Informação</h3> </div> <div class="modal-body"> <p>Preencha todos os Campos!</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div> </div> </div> </div> <!-- FIM Modal --> <script> function Salvar(pagina) { var nome = formulario.nome.value; var email = formulario.email.value; var assunto = formulario.assunto.value; var mensagem = formulario.mensagem.value; if(nome == "" || email == "" || assunto == "" || mensagem == "") { $('myModal').modal('show'); return false; } else { document.formulario.action = pagina document.formulario.submit(); } } </script> O BOTÃO <button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal" onClick="Salvar('faleconosco2.php');">Salvar</button> Só que independente de eu mostrar o modal ou não, quando eu clico no botão ele aparece. Como eu poderia fazer ele aparecer SOMENTE dentro da condição? -
olá, gostaria de saber se existe alguma prova ONLINE para eu poder testar o quanto eu sei de programaçao? de preferencia de javascript. obrigado a todos.
