Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''css''.

  • 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 1112 registros

  1. Gostaria q pudessem me ajudar HTML <div class="container"> <nav class="menu"> <ul> <li><a href="index.php">Home</a></li> <li><a href="agenda.php">Agenda</a></li> <li><a href="departamento.php">Departamento</a></li> <li><a href="https://www.flickr.com/photos/142117425@N02/" target="blanck">Fotos</a></li> <li><a href="#localizacao">Localização</a></li> <li><a href="https://www.facebook.com/deives.duarte.9" target="blanck" class="fa fa-facebook"></a></li> <li><a href="#" target="blanck" class="fa fa-twitter"></a> <li><a href="#" class="fa fa-youtube"></a> </ul> </nav> </div> CSS .container { position: absolute; margin: 20px; width: auto; } .menu{ width:100%; height:auto; background-color: #333; font-family:'Arial'; } .menu ul{ list-style:none; position:relative; background-color: #333; } .menu ul li{ width: auto; height:auto; float:left; } .menu a{ padding:15px; text-decoration:none; text-align:center; color:#fff; } .menu a:hover{ background-color:#f4f4f4; color:#555; }
  2. guzulino

    Sistema para artigos

    Boa tarde pessoal, eu estou desenvolvendo um projeto no qual ele deve ter um sistema de post de notícias, eu comecei a pesquisar e percebi que seria muito complicado fazer na mão passo a passo, então comecei a ver como funcionam os posts dos fóruns, tipo o iMasters mesmo, bem nesse mesmo sentido, gostaria de saber se alguém tem alguma luz de como consigo criar isso, estou tentando achar algum framework que eu consiga editar para ficar como eu quiser mas está complicado conseguir algum, se alguém souber de alguém só postar aí. Valeu.
  3. Donghaki

    Problema com limite da página

    Pessoal, sou meio newbie na área, e tô voltando com um projeto antigo que foi desenvolvido por alguns amigos junto a mim. O projeto, resumindo, é um simulador de habilidades. Na página principal temos quatro botões onde, um aumenta o nível da habilidade para o máximo, o outro aumenta de um em um, e os outros dois tem essa mesma função só que diminuindo. O problema começa aí... tínhamos criado uma ferramenta (acho que é tooltip que chama), onde você passaria o mouse em cima dos três últimos botões, e abriria uma caixinha flutuante mostrando a descrição da habilidade (nível, mana necessária, resfriamento e afins), só que ao chegar no botão que fica no parte direita, a caixa não se adapta e vira o lado para que a descrição possa ser mostrada, ao invés disso, ela entra atrás da barra de rolagem e fica cortada, isso também acontece no final da página, quando a caixinha mostra duas descrições da habilidade. Gostaria de saber se há algum modo de tornar a ferramenta adaptativa, para quando chegar nesses "extremos" da página, a caixa mudar o lado para que o usuário possa ver o que está escrito. Basicamente, todo o código dela dentro do html/css é este: #hintbox{ opacity: 0.95; display: none; position: fixed; height: 450px; width: 250px; font-size: 10 px; background-color: #161616; color: #fff; padding: 8px; border-radius:9px; text-align: left; word-wrap: break-word; font-family:Verdana; } $(document).ready(function () { $('.downArrow,.upArrow,.dupArrow').mousemove(function (e) { if (popUPCheck($(this).attr('nmbr'), $(this).attr('class'))) $('#hintbox').html(popUP($(this).attr('nmbr'), $(this).attr('class'))).show(); $('#hintbox').css('top', e.clientY + 15).css('left', e.clientX + 15); }) .mouseout(function () { $('#hintbox').hide(); }); }); Também tem uma parte em javascript function popUP(lvl, arrow) { var CDHere = CDValue; if(lvl == 16 && chosenClass == "Warrior"){ CDHere = 1; } var lastCheck = maxPoints[lvl] - 1; if(lastCheck<0){ lastCheck = 0; } var name = "<div class='title'>" + skillDescription[lvl] + "</div>"; var currentLevel = "<div class='yellow'>[Nível atual]</div> Nível necessário : " + skillLevel[lvl][skillPoint[lvl] - 1]; var nextLevel = "<div class='green'>[Próximo nível]</div> Nível necessário : " + skillLevel[lvl][skillPoint[lvl]]; var skilldesc = "<div class='info'>" + skillInfo[lvl][skillPoint[lvl] - 1] + "</div>"; var mpcurrent = "Mana necessária : " + mp[lvl][skillPoint[lvl] - 1]; var cdcurrent = "Resfriamento : " + (CDHere * cd[lvl][skillPoint[lvl] - 1]).toFixed(0) + " sec"; var castingcurrent = "Tempo de lançamento : " + cast[lvl][skillPoint[lvl] - 1] + " sec"; var skilldescnext = "<div class='info'>" + skillInfo[lvl][skillPoint[lvl]] + "</div>"; var mpnext = "Mana necessária : " + mp[lvl][skillPoint[lvl]]; var cdnext = "Resfriamento : " + (CDHere * cd[lvl][skillPoint[lvl]]).toFixed(0) + " sec"; var castingnext = "Tempo de lançamento : " + cast[lvl][skillPoint[lvl]] + " sec"; var previousLevel = "<div class='red'>[Nível anterior]</div> Nível necessário : " + skillLevel[lvl][skillPoint[lvl] - 2] var skilldescPrev = "<div class='info'>" + skillInfo[lvl][skillPoint[lvl] - 2] + "</div>"; var mpPrev = "Mana necessária : " + mp[lvl][skillPoint[lvl] - 2]; var cdPrev = "Resfriamento : " + (CDHere * cd[lvl][skillPoint[lvl] - 2]).toFixed(0) + " sec"; var castingPrev = "Tempo de lançamento : " + cast[lvl][skillPoint[lvl] - 2] + " sec"; var lastLevel = "<div class='green'>[Próximo Nível]</div> Nível necessário : " + skillLevel[lvl][lastCheck]; var skilldescLast = "<div class='info'>" + skillInfo[lvl][lastCheck] + "</div>"; var mpLast = "Mana necessária : " + mp[lvl][lastCheck]; var cdLast = "Resfriamento : " + (CDHere * cd[lvl][lastCheck]).toFixed(0) + " sec"; var castingLast = "Tempo de lançamento : " + cast[lvl][lastCheck] + " sec"; if (lvl == 8 || lvl == 9 || lvl == 19 || lvl == 22) { var allNextLevel = nextLevel + "<div class='passive'>Passiva</div>" + skilldescnext; var allCurrentLevel = currentLevel + "<div class='passive'>Passiva</div>" + skilldesc + "<br>"; var allPreviousLevel = previousLevel + "<div class='passive'>Passiva</div>" + skilldescPrev + "<br>"; var allLastLevel = lastLevel + "<div class='passive'>Passiva</div>" + skilldescLast + "<br>"; } else if (cast[lvl][skillPoint[0]] == 0 ||!cast[lvl][skillPoint[0]] ) { var allCurrentLevel = currentLevel + "<br>" + mpcurrent + "<br>" + cdcurrent + "<br>" + skilldesc + "<br>"; var allNextLevel = nextLevel + "<br>" + mpnext + "<br>" + cdnext + "<br>" + skilldescnext; var allPreviousLevel = previousLevel + "<br>" + mpPrev + "<br>" + cdPrev + "<br>" + skilldescPrev; var allLastLevel = lastLevel + "<br>" + mpLast + "<br>" + cdLast + "<br>" + skilldescLast; } else { var allCurrentLevel = currentLevel + "<br>" + mpcurrent + "<br>" + cdcurrent + "<br>" + castingcurrent + "<br>" + skilldesc + "<br>"; var allNextLevel = nextLevel + "<br>" + mpnext + "<br>" + cdnext + "<br>" + castingnext + "<br>" + skilldescnext; var allPreviousLevel = previousLevel + "<br>" + mpPrev + "<br>" + cdPrev + "<br>" + castingPrev + "<br>" + skilldescPrev; var allLastLevel = lastLevel + "<br>" + mpLast + "<br>" + cdLast + "<br>" + castingLast + "<br>" + skilldescLast; } Alguém consegue dar um help? Segue também duas screenshots mostrando, uma no final da página, e a outra ao lado direito da página.
  4. Boa noite pessoal, estou a mais de 3 semanas com um trabalho e está impossivel resolver. Segue a questão // Escreva um programa que leia 4 arquivos de numeros inteiros, calcule a média. //Mostre o maior quadrado que seja menor que a média de todos os números maiores que a média dos números de cada um dos arquivos. //Ex: Média dos números do arquivo 01 = 35 //Números do arquivo 01 que são maiores que 35 = Ni...Nn //Maior quadrado entre os N números do arquivo 01 = x. A baixo vou colocar 2 tentativas que não saem da parte de calcular a media, como posso calcular a segunda parte?? TENTATIVA 01 #include <stdio.h> #include <stdlib.h> main(){ FILE *numeros, *maior, *menor, *medio; int numero; float media; //abertura dos arquivos numeros = fopen ("numeros.txt", "r"); maior = fopen ("maior.txt", "w" ); medio = fopen ("medio.txt" , "w"); menor = fopen ("menor.txt" , "w"); //leitura dos dados e gravação do arquivo while (fscanf (numeros , "%i %f" , &numero , &media)!= EOF){ if (media >= 6) fprintf (maior,"%i %4.1f\n",numero,media); else fprintf (medio,"%i %4.1f\n",numero,media); } //fechando os arquivos fclose (numeros); fclose (maior); fclose (medio); fclose (menor); } TENTATIVA 02 (ACHO QUE A MELHOR) #include <stdio.h> #include <stdlib.h> #include <string.h> #include <stdlib.h> #define TAM_MED 50 //tamanho na média #define M 4 //número de arquivos #define TRUE 1 #define FALSE 0 int leitura( int id, int medi){ int id_num, id_num2, id_num3, id_num4; int med; FILE* numeros = fopen ("numeros.txt","r"); FILE* numeros2 = fopen ("numeros2.txt", "r"); FILE* numeros3 = fopen ("numeros3.txt", "r"); FILE* numeros4 = fopen ("numeros4.txt", "r"); if (numeros != NULL){ while (fscanf(numeros, "%d\n", &id_num, med) != EOF){ //End of file printf("%d\n", id_num, med); } if (numeros != NULL){ while (fscanf(numeros2,"%d\n", &id_num2,med) != EOF){ //End of file printf("%d\n", id_num2,med); } if (numeros != NULL){ while (fscanf(numeros3,"%d\n", &id_num3,med) != EOF){ //End of file printf("%d\n", id_num3,med); } if (numeros != NULL){ while (fscanf(numeros4,"%d\n", &id_num4,med) != EOF){ //End of file printf("%d\n", id_num4,med); } } fclose (numeros); fclose (numeros2); fclose (numeros3); fclose (numeros4); return 0; } } } } int main(){ int id_num, id_num2, id_num3, id_num4; printf("Digite o primeiro numero: %d"); scanf("%d", &id_num); printf("Digite o segundo numero: %d"); scanf("%d", &id_num2); printf("Digite o terceiro numero: %d"); scanf("%d", &id_num3); printf("Digite o quarto numero: %d"); scanf("%d", &id_num4); printf("Media: %f", (float) (id_num + id_num2+ id_num3+ id_num4)/4); return 0; }
  5. Eu irei apresentar a ideia que quero fazer em meu site e em seguida mostrarei o que já fiz e o que está funcionando corretamente e logo depois apresentarei o problema que não estou conseguindo resolver. Caso eu não seja claro em alguma parte, eu vou ficar super feliz de esclarecer para que a compreensão fique melhor. IDEIA: Eu estou fazendo uma tela de com informações sobre tipos de consultoria, para isso fiz 6 cards (Retangulo com Icone + nome) com os títulos que precisava. O que vai conter nessa interação de cards: Hover: - Alteração de cor no icone e titúlo do card; Event Click: - Faz requisição Ajax e exibe a <div> com resposta; - Alteração de cor no icone e título do card; JÁ DESENVOLVIDO: Eu já consegui fazer a parte do hover, claro e o Event Click com Javascript, como segue abaixo: Esse é o HTML: <div class="col-lg-4 col-md-6 mt-5"> <a data-consult-id="1"> <div class="text-center element"> <div style="margin-bottom: 25px;"> <i class="ti-package ti-icone"></i> </div> <h4> RH </h4> </div> <!-- feature --> </a> </div> <div class="col-lg-4 col-md-6 mt-5"> <a data-consult-id="2"> <div class="text-center element"> <div style="margin-bottom: 25px;"> <i class="ti-headphone-alt ti-icone"></i> </div> <h4> Processos Industriais </h4> </div> <!-- feature --> </a> </div> O CSS é: .element { box-shadow: 0 8px 50px -6px rgba(84,84,120,.26); padding: 40px 20px 20px; position: relative; background: #fff; cursor: pointer; } .element h4 { color: #3c9890; font-size: 20px } .element:hover div i{ background: rebeccapurple !important; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .element:hover h4{ color: #9e6bd2 !important; transition: all .5s ease-in-out; } .ti-icone { background: #35b1a6; width: 80px; height: 80px; display: inline-block; line-height: 80px; text-align: center; color: #fff; font-size: 28px; border-radius: 50%; } E aqui está o Javascript: $(document).on('click', 'a[data-consult-id]', function () { let consult_id = $(this).attr("data-consult-id"); var obj = $(this); let response = $(".response-content"); setTimeout(function(){ $.ajax({ url: "response.php?consult_id=" + consult_id, type: 'GET', success: function (data) { $(response).slideToggle('fast', function () { $('a[data-consult-id] .element div').children('i').css("background-color", ""); $('.element div', obj).children('i').toggleClass('actived'); $('.element', obj).children('h4').toggleClass('text-actived'); }).html(data); } }); }, 200); }); OBS.: Desculpa o detalhamento que pode parecer chato, mas se eu fizer simples demais ignoram a pergunta e podem dar negative, sla rsrs. PROBLEMA: Agora o meu problema é segundo o exemplo seguinte: Se eu clicar no card RH, a requisição será feita e retornará os dados para o response, ok e com isso eu adicionei um SlideToggle para efeito de abrir e fechar e também junto com isso eu coloquei uma função para que quando isso acontecer, ele adicione na tag <i> e na tag <h4> a classe .actived/.text-actived, o que elas fazem pode ser visto logo abaixo: .actived { background-color: #663399 !important; } .text-actived { color: #9e6bd2 !important; } Então, tendo esse card ativo, eu tenho ele exatamente como quero, porém se tendo esse card aberto eu clicar em outro card, por exemplo Processos Industriais, o SlideToggle() é desativado mas mesmo assim as classes .actived/.text-actived são adicionadas na tag <i> e na tag <h4>. Meu pedido é que alguem me ajude a entender como posso fazer essa funcionalidade para que quando eu clicar em um outro card, o antigo seja desativado e o AJAX do novo card seja aberto e exibido e com isso, a cor das tags "i" e "h4" do antigo tambem sejam desativadas e sejam ativadas no novo. Bom, era isso. Como fiz na minha pergunta anterior, eu vou colocar o link do site que estou desenvolvendo essa funcionalidade para talvez vocês verem melhor. Link do site que estou desenvolvendo: http://hecato.com/sistema/info/consultores.php Link do site de exemplo que possui caixas de info conforme eu preciso: https://www.wickbold.com.br/linhas-produtos/grao-sabor/ Qualquer duvida, por favor, comentem e irei responder o mais rapido possivel. Eu também estou testando algumas formas para arrumar isso. Obrigado a todos e que a força esteja....
  6. Chris Martin

    Como utilizar :after e :before?

    Estou com dificuldades em fazer esses cantinhos vermelhos, sei que é feito com :after e :before, mas não estou conseguindo fazer como está na imagem, alguém pode me ajudar?
  7. Criei um login modal em minha page, e estou com problemas na minha (div #container), onde criei um background color com (width: 100% e height: 100%), e não consigo eliminar as margins, ja tentei de tudo, (margin: 0 , padding: 0 , top:0 , left:0) e até mesmo tentei colocar margin:0 nos elementos html e no body e nâo tive resultado, exemplos = *{margin: 0;} html,body {margin:0;} , e em ultima tentativa tentei usar o (!important;) mesmo assim sem resultado, preciso muito de ajuda, desde já agradeço html,body { background-size: cover; background-repeat: no-repeat; height: 100%; font-family: 'Numans', sans-serif; } *, *::after, *::before { border: 0; box-sizing: border-box; margin: 0; padding: 0; } #container { height: 100%; align-content: center; display: none; position: fixed; top: 0; left: 0; width: 100%; margin: 0; background: rgba(0, 0, 0, 0.8); z-index: 1300 !important; } #container:target{ display: block; } .card-header h3 { text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: .1rem; margin-bottom: 5px; } .card{ height: 370px; margin-top: auto; margin-bottom: auto; width: 400px; background-color: #fff !important; animation: slideUp 0.3s ease-in-out; } @keyframes slideUp { from{ opacity: 0; bottom: -200px; } to { opacity: 1; bottom: 0; } } .social_icon .tw{ font-size: 60px; margin-left: 10px; color: rgba(120,205,240,0.8); } .social_icon .fb{ font-size: 60px; margin-left: 10px; color: #6d84b4; } .social_icon .gm{ font-size: 60px; margin-left: 10px; color: #df4b37; } .social_icon span:hover{ color: #495057; cursor: pointer; } .card-header h3{ color: #bf8b28; } .social_icon{ position: absolute; right: 20px; top: -45px; } .input-group-prepend span{ width: 38px; background-color: #bf8b28; color: #fff; border:0 !important; } input:focus{ outline: 0 0 0 0 !important; box-shadow: 0 0 0 0 !important; } .remember{ color: #495057; } .remember input { width: 20px; height: 20px; margin-left: 15px; margin-right: 5px; } .login_btn{ color: #fff; background-color: #bf8b28; width: 100px; } .login_btn:hover{ color: #fff; background-color: #6c757d; } .links { color: #495057; } .links a { margin-left: 4px; } a { text-decoration: none; color: #309ca7; } a:hover { text-decoration: none; color:#20eaff; } <div id="container"class="container"> <div class="d-flex justify-content-center h-100"> <div class="card"> <div class="card-header"> <h3>Log In</h3> <div class="d-flex justify-content-end social_icon"> <span class="fb"><i class="fab fa-facebook-square"></i></span> <span class="gm"><i class="fab fa-google-plus-square"></i></span> <span class="tw"><i class="fab fa-twitter-square"></i></span> </div> <a href="#" class="close">&times</a> </div> <div class="card-body"> <form> <div class="input-group form-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fas fa-user"></i></span> </div> <input type="text" class="form-control" placeholder="Usuário"> </div> <div class="input-group form-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fas fa-key"></i></span> </div> <input type="password" class="form-control" placeholder="Senha"> </div> <div class="row align-items-center remember"> <input type="checkbox">Lembrar-me </div> <div class="form-group"> <input type="submit" value="Login" class="btn float-right login_btn"> </div> </form> </div> <div class="card-footer"> <div class="d-flex justify-content-center links"> Não é cadastrado?<a href="#">Cadastre Se</a> </div> <div class="d-flex justify-content-center"> <a href="#">Esqueceu sua senha?</a> </div> </div> </div> </div> </div>
  8. rafael_amaral

    Fixar thead da tabela

    Bom dia, estou com uma dificuldade em um problema que já tá me deixando maluco, vamos lá: Preciso de um códido que a uma determindada altura do topo do navegador fixe uma thead da tabela abaixo do topo do navegador e deixe o tbody passar por trás, e ao subir novamente a tela não fique mais fixo. A dificuldfade que estou é que na tabela as duas colunas inicias correm deixando o resdo do tbody passar por trás, e todo vez que uso algum tipo de position ela fica mito abaixo ou some. Não sei o que está acontecendo, já peguei o projeto pronto para modificar e sou novo em desenvolvimento. A tabela já está em duas divs, não posso mostrar o projeto, pois é da empresa e tem acordo confidencialidade, me desculpem! Quem poder me ajudar muito obrigado!!
  9. AnaSalazar

    Dúvida de formatação!

    Boa tarde. Alguém me pode ajudar??? Criei css e html mas quando abre noutro computador, as coisas desformatam, sabem porque isso acontece? Alguém me ajude!!
  10. Olá, tem como deixar este menu selecionado e ativo? Se tiver post os códigos aqui Obrigado Esse Menu é Show Link Menu CSS
  11. Ricardo II

    Já é seguro usar CSS Grid Layout

    Pessoal na opinião de vocês já é seguro usar o CSS Grid nos projetos? Segundo o site caniuse ele tem compatibilidade de 88% Estou reformulando um site e estou querendo usar.
  12. Olá, Estou programando um newsletter e ele deveria se conectar com o banco de dados e enviar as informações para o mesmo, porém apenas se conecta. Ele não da nenhum erro, mas também não envia os dados para o banco de dados. Segue os códigos: HTML <section class="newsletter"> <h3> Newsletter </h3> <p> Receba todas as novidades </p> <form method="post" id="newsletter" name="cadastroNews" action="NewsCad.php"> <input type="text" name="nome" placeholder="Digite seu nome" required> <input type="email" name="email" placeholder="Digite seu email" required> <input type="submit" name="Enviar" value="Cadastrar"> </form> </section> Conexão com o banco de dados - Conexao.php <?php $host = '127.0.0.1:3306'; $user = 'root'; $password = 'bruxaria'; $database = 'quebrandotabus'; //Conectando ao banco de dados $conn = mysqli_connect($host, $user, $password, $database) or die(mysql_error()); ?> ENVIO DOS DADOS - NewsCad.php <?php include_once("Conexao.php"); $nome = filter_input(INPUT_POST, 'nome', FILTER_SANITIZE_STRING); $email = filter_input(INPUT_POST, 'email', FILTER_SANITIZE_EMAIL); $result_usuario = "INSERT INTO newsletter (nome, email) VALUES ('$nome' , '$email')" or die(mysql_error()); $resultado_usuario = mysqli_query($conn , $result_usuario); ?> Vocês conseguem me ajudar? Por favor, preciso muito!
  13. Boa tarde. Tenho o seguinte código javascript: if(screen.width < 767) { $("#mostra").removeClass("collapse"); $("#mostra").removeClass("nav-collapse"); $("#mostra").removeClass("navbar-collapse"); $("#mostra").removeClass("js-navbar-collapse"); $("#mostra").removeClass("menuReset"); }; E o que eu quero é que remova todas as classes css. <div class="collapse nav-collapse navbar-collapse js-navbar-collapse menuReset" id="mostra"></div> Pra que fique assim: <div class="" id="mostra"></div> O problema é que não está removendo, já pesquisei e tentei de varias formas sem sucesso. Tem como fazer isso? Qual o problema?
  14. AllysonSouza

    Tabela Listando Dados lado a lado

    Boa noite, to precisando de ajuda, eu to listando os dados direto do banco de dados em um tabela, so que ela faz isso linha por linha como é feito, eu queria que ele listasse duas tabelas na mesma pagina, só que dando continuidade da busca do banco de dados, exemplo. ele busca 50 resultados no banco, ai ele pega o maximo de linhas possivel em uma tabela, e do outro lado da tela ele lista o restante dos dados...enfim, eis meu codigo, exibindo tudo em uma tabela só <?php $categoria = $_GET['categoria']; $sql = "SELECT p.id AS idProd, p.nome AS produto, p.largura, p.comprimento, p.estilo, p.valor, p.valorCompra, p.estoque, p.imagem, c.id AS idCat, c.nome AS categoria, p.vendidos, p.tipo, p.detalhe FROM produtos p INNER JOIN categorias c ON p.categorias_id=c.id WHERE c.id=$categoria ORDER BY p.nome, p.largura ASC"; $res = mysqli_query($con, $sql); $dados = mysqli_fetch_array($res); ?> <div class="panel-footer"> <table class="table table-bordered table-hover text-center"> <thead > <tr ><td colspan="5" style="text-align: center;"> <?php echo $dados['categoria']?></td></tr> </thead> <thead > <tr > <th width="250" class="text-center" >Nome</th> <th width="10" class="text-center">Tamanho</th> <th width="100" class="text-center">Valor</th> </tr> </thead> <tbody> <?php while($linha = mysqli_fetch_array($res)){ ?> <tr > <td > <?php echo $linha['produto']; echo " "; echo $linha['largura'] ; echo " "; echo $linha['detalhe']; echo" "; if($linha['estilo']==0){ echo ''; }else if($linha['estilo']==1){ echo '(Bruta)'; }else if($linha['estilo']==2){ echo '(Plainada)';}?> <label class='label label-danger'><?php if($linha['tipo'] == 0 ){ echo 'ML';}; ?></label> <label class='label label-primary'><?php if($linha['tipo'] == 1 ){ echo 'M²';}; ?></label> <label class='label label-warning'><?php if($linha['tipo'] == 2 ){ echo 'Peça';}; ?></label> <label class='label label-info'><?php if($linha['tipo'] == 3 ){ echo 'Duzia';}; ?></label> <label class='label label-success'><?php if($linha['tipo'] == 4 ){ echo 'KG';}; ?></label> </td> <td><?php if($linha['comprimento']==0){ echo '1 M '; }else if($linha['comprimento']==1){ echo '3 M'; }else if($linha['comprimento']==2){ echo '4 M'; }else if($linha['comprimento']==3){ echo '5 M'; }else if($linha['comprimento']==4){ echo '6 M'; }else if($linha['comprimento']==5){ echo ''; } ?></td> <td> <?php echo Conversor::realBancoParaUsuario($linha['valor']); ?> </td> </tr> <?php } ?> </tbody> </table> </div>
  15. Kazz

    Tamanho do list-style-image

    Galera estou tendo problemas para diminuir o tamanho da imagem do list-style-image(talvez seja um erro bem básico), desde já agradeço. <!DOCTYPE html> <html lang="pt-br"> <head> <title> hmmmm </title> <meta charset="UTF-8"> <meta name="author" content="Kelvin"> <meta name="description" content="descrição bacanuda"> <meta name="keywords" content="html5, tecnologia"> <style type="text/css"> body{ width: 50%; border: solid 1px; } .c1{ list-style-type: none; } .c2{ list-style-type: circle; } .c3{ list-style-type: square; } .c4{ list-style-type: disc; } ul{ list-style-image: url("imagens/checkmark.png"); } li{ margin: 20px auto; } </style> </head> <body> <p>ipsum dolor sit amet, <span>consectetur</span> adipisicing elit, sed do eiusmod uis nostrud exercitation ullamco laboris nisi ut aliip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <ul> <li>a</li> <li>a</li> <li>a</li> </ul> </body> </html>
  16. mbdec

    help com botão executando mysql

    ola pessoal! gostaria da ajuda de vocês para criar botões executando funções mysql. aqui esta a função mysql trazer o result set e fazer echo é um sistema de nutricionismo ele faz comparações no banco de dados, então queria criar botões para executar as açoes e "echo" para exibir os resultados Tabela Alimento: Alimento_ID Nome Tabela Beneficios_Males Beneficios_Males_ID Nome Tipo('B','M') (Se é beneficio ou Males) Tabela Alimento_Beneficios_Males Alimento_ID Beneficios_Males_ID Por exemplo, trazer todos os alimentos e seus beneficions SELECT Alimento.*, Beneficios_Males.* FROM Alimento JOIN Alimento_Beneficios_Males USING (Alimento_ID) JOIN Beneficios_Males USING (Beneficios_Males_ID) WHERE Tipo = 'B'; Por exemplo, trazer todos os alimentos e seus males SELECT Alimento.*, Beneficios_Males.* FROM Alimento JOIN Alimento_Beneficios_Males USING (Alimento_ID) JOIN Beneficios_Males USING (Beneficios_Males_ID) WHERE Tipo = 'M'; ____________________________ - |botão para executar a ação| label para o echo label para o echo ____________________________ -------------------------- --------------------------- |botão para executar a ação| ------------------------------------
  17. marcos.troia

    HTML - Mudanças não são carregadas

    Pessoal, estou num projeto web, e uso para testes o XAMPP, mas quando faço modificações no HTML ou no JavaScript, e recarrego a pagina, as modificações não são realizadas, apenas se limpar o cache do navegador, queria saber como posso resolver isso, pois isso torna o desenvolvimento muito lento. Agradeço imensamente se puderem me ajudar.
  18. Tem como eu configurar uma página em um site para ler um código de barras pela câmera do mobile? Se sim há como fazer só com php e javascript?
  19. Estou desenvolvendo um site Onepage com bootstrap. Implementei este Collapse Menu <nav class="navbar navbar-expand-sm bg-nav navbar-dark fixed-top"> <a class="navbar-brand" href="#"> <img class="logo" src="images/logo.jpg" alt="logo"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="collapsibleNavbar"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#section2">Quem Somos</a> </li> <li class="nav-item"> <a class="nav-link" href="#section3">Nossos Serviços</a> </li> <li class="nav-item"> <a class="nav-link" href="#section4">Nossos Clientes</a> </li> <li class="nav-item"> <a class="nav-link" href="#section5">Contatos</a> </li> </ul> </div> </nav> O CSS e Javascript são estes: <head> <title>Meu Site.</title> <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <style> body {height: 100%;width: 100%;} html {height: 100%;width: 100%;} form{height: 100%;padding-bottom: 250px;} .bg-nav{background-color:#077877!important} @media (max-width:667px) { img.logo{width: auto; height: 40px;} .desfault-section{padding-top: 65px;padding-bottom: 20px;} } @media (min-width:668px) { img.logo{width: auto; height: 60px;} .desfault-section{padding-top: 90px;padding-bottom: 20px;} } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> </head> Quando é exibido em tela de celular, o menu abre ao clicar nas 3 barras, porém, ao escolher um item do menu, o mesmo deveria recolher automaticamente sem ter que clicar nas 3 barras e, isto não está acontecendo. Alguém me dá uma luz de como resolver?
  20. Michel Coleoni

    Uma página para vários produtos diferentes

    Boa tarde galera! Sou iniciante na programação web e preciso de ajuda, o projeto que estou programando tem vários produtos e eu gostaria de saber se devo criar uma página html para cada um(o que eu acho que não seja viável) ou se eu crio uma única página mas dependendo do produto as fotos e os textos mudam, caso seja a segunda opção gostaria de saber como faço isso. Obg!
  21. Carlos Web Soluções Web

    Simples CSS Button Div transition

    Olá, pessoal, boa tarde !! Estudei toda uma apostila sobre CSS, porém não estou conseguindo realizar uma simples tarefa !! Ao passar o mouse no 'button.botao', ativar o movimento do 'div.traco' ! Eis abaixo o 'Código Fonte' que estou tentando: <!DOCTYPE html> <html> <head> <style> button.botao { width: 150px; height: 50px; border: none; background-color: black; color: red; font-size: 23px; } div.traco { width: 20px; height: 10px; background: red; -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */ transition: width 2s; } button.botao:hover div.traco { width: 150px; } </style> </head> <body> <button class="botao">Botao</button> <div class="traco"></div> </body> </html> Me ajudem por favor ! Obrigado !!
  22. Carlos Web Soluções Web

    CSS Animation - DIV from top:200px to top:0px

    Eu preciso de alguma ajuda para resolver algumas dúvidas !! Se puder me ajudar eu agradeço !! Primeiro visite o link: http://terezanininha.com.br/CSS/Animations/Pagina_1_TryIt_3.html Veja o 'Código Fonte' pelo navegador !! O que estou tentando fazer ?? Eu quero que o elemento div, faça movimento de animation, vindo from {top:200px} to {top:0px} e paralisar no topo !! Neste exemplo, eu encontrei dois erros: - Primeiro Erro: Quando o div automaticamente começa a se movimentar, seu eu colocar o mouse sobre ele, antes de terminar o movimento, o div dá uma pulada direto para o topo !! "Eu não quero isso" !! Eu quero que se eu colocar o ponteiro do mouse sobre o div, que ele não dê esta subida repentina para o topo !! Que faça o movimento para o topo sem interrupção, mesmo se antes eu puser o ponteiro do mouse !! - Segundo Erro: Depois que o div cheguar ao topo, Se eu colocar o mouse nele, o fundo muda de cor, por animation ! Mas após isso, quando eu retiro o ponteiro do mouse, o div novamente cai para top:200px e começa o movimento para top:0px novamente ! O que eu quero é: que o div mova somente "uma vez" and "pare" em top:0px !! Depois de parar em top:0px, que fique intacto pra sempre e apenas faça o movimento de mudar a cor do fundo com o passar do mouse !! I tentei procurar na internet mas não achei algo que resolvesse esses dois problemas descritos acima ! Se possível, alguém poderia me dar uma ajuda testada que realmente funcione ?? Agradecido Carlos
  23. byantunes

    Efeito do site da coca cola

    Olá, alguem poderia me ajuda a resolver esse problema ? Como faz pra criar esse efeito aqui do site da coca cola ? O efeito é esse de a logo a cada scroll que você da na pagina ela vai diminuindo até que fica na barra de navegação, achei muito massa.
  24. matheusdemelovieira

    Me ajudem Por favor HTML CSS LI?

    Oi pessoal bom dia, minha duvida é:como eu deixo a li "pedidos de oração"em linha reta?me ajudem estou travado nisso a horas.apenas quero deixar o "pedidos de oração como se fosse numa linha só.
  25. clickanapolis

    class="active" em landing page

    Boa tarde pessoal. Criei uma landing page com os menus no topo e ao clicar no meu ele direciona para a div. É coloquei no Inicio assim: <li class="active"><a href="index.php">Home</a></li> para ficar destacado. Só que o cliente me pediu para que toda vez que clicar em uma div ele ativa o menu atual. Como eu faria isso em uma landing page faço nem ideia.
×

Informação importante

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