Jump to content
Zaelcs

Criar galeria de itens para compra em site, apenas com html e css.

Recommended Posts

Olá, esse é meu primeiro post, eu sou MUITO novato com o desenvolvimento de sites, na realidade esse é meu primeiro trabalho sério, sendo que antes a unica coisa que eu programei eram scripts de jogos e algumas coisas pra minecraft haha!

O meu problema é o seguinte, eu sou um animal  eu preciso criar um site para uma imobiliaria, no qual precisaria incluir uma "biblioteca" de itens onde cada item seria um imóvel com diversas fotos e videos, a "biblioteca" precisaria de uma ferramenta de busca e que pudessem ser separados os itens por tags (n° de quartos, vagas pra carro), além disso seria interessante se houvesse uma interface "user-friendly" para os administradores da imobiliária adicionarem novos imóveis... 

 

Estou esperançoso de que eu possa fazer tudo isso apenas com html e css, pois eu creio que só necessitaria usar javascript caso precisasse de carrinho de compras e um mecanismo de pagamento... mas não, o contato será feito via telefone ou e-mail entre o comprador e os próprios corretores.

 

Espero não estar sendo muito folgado... é minha primeira tentativa nesse ramo que eu AMO, mas nunca tive oportunidade de adentrar.

Share this post


Link to post
Share on other sites

Creio eu que só com CSS e HTML você não possa criar, você deverá uma linguagem de programação como o PHP é um banco de dados(MySQL) onde possa armazenar os dados dos imóveis para buscas e onde os administradores irão adicionar mais imóveis.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By JohnDann
      Galera, estou com um problema chato em um código HTML aqui.
      Toda vez que a página abre, o ADS só fica visível por poucos segundos,
      e logo desaparece.
      É um template free que eu peguei da internet.
      Podem me ajudar?
      Não consegui anexar o arquivo XML, então vou deixar o link aqui para vocês.
      https://testandoblog03a.blogspot.com
    • By lezão
      Ola pessoal!
      Td bem com vcs?
       
      Estou tentando fazer esse item ficar em css e naun estou conseguindo alguem pode me ajudar?
      <table width="75%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15%" height="35"><b>Moda da Casa</b></td> <td width="55%" style="border-bottom: dotted; border-width: 1px 3px 3px 1px; border-color: black black #000000 #000000"></td> <td width="7%"><b>R$ 25,00</b></td> <td width="3%" rowspan="2" align="left"><img src="https://clipartart.com/images/delete-button-clipart.jpg" width="75px" heigth="50px"/></td> </tr> <tr> <td colspan="3" height="35"> <div class="label-float"> <input type="text" value="Molho de tomate, mussarela, calabresa ralada, catupiry, alho tostado, cebola, azeitonas e oregano." size="100%" placeholder="" required=""> </div> </td> </tr> </table> obrigado!
       
       
       
    • By Jack Oliveira
      Ola boa noite
       
      Galera preciso de uma ajuda de vocês aqui..
       
      Estou tentando deixa a imagem de fundo do header com uma mascara negra transparente porem fica até a logo do site transparente e com mascara branca
      que não é o meu objetivo..
       
      e deixa apenas a imagem de fundo transparente e negra
       
      Fiz no css da seguinte forma.
       
      <style> .bg-img{ background-image: url('assets/bg/banner-fundo.png'); background-size: cover; position:relative; background-color: rgba(242,17,125,0.91); filter:opacity(alpha=60); -moz-opacity:0.9; opacity:0.6; box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 0px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); transition: 0.3s; } </style> A parte do html esta assim
       
      <header class="bg-img"> <div class="container"> <div class="row"> <div class="col-lg-2 col-md-4"> <a href="./" class="logo" style="border: 5px solid #ffffff; background-color: rgba(242,17,125,0.91)"> <img src="assets/logo/minha-logo.png" alt="" title=""> </a> </div> <div class="col-lg-9 col-md-8 dados"> <h1 id="wa7_font">Minha Empresa</h1> <h2 id="wa7_font">Minha Categoria</h2> <br> <div class="telefones"> <a href="tel:556699999999" class="fixo"> <i class="fas fa-phone-volume"></i> <span>(66) 9999-9999</span> </a> <a href="tel:5566999999999" class="celular"> <i class="fas fa-mobile-alt"></i> <span>(66) 9.9999-9999</span> </a> </div> <div class="endereco" id="wa7_font_letra"> <p> <i class="fas fa-map-marker-alt"></i> Rua: Palmas, 2345, Centro - Sorriso/MT </p> </div> </div> </div> </div> </header> Fico no guardo da ajuda ai
    • By Carcleo
      Estou a um tempo tentando criar um slider personalizado.
      De fato, eu até consegui e coloquei no codepen. https://codepen.io/carcleo/pen/yLVOxMv
       
      Mas uma implementação não estou conseguindo fazer.
       
      Nos sliders prontos que pegamos na web, ao redimencionar manualmente o navegador,   a UL que abriga as LI's com os Slides, se redimenciona junto e isso não acontece com o meu, Isto é, ao diminuir a janela do navegador, as imagens acompanham o tamanho das LIs, mas como não consigo redimencinar a UL junto os slides acabam se mostrando de forma errada. 
       
      Não consegui uma forma de fazer o CSS fazer esse serviço. Só consegui com JS.
       
      Se alguém puder ajudar?
       
      Obs.: não quero copiar da internet, meu objetivo é entender a logica da coisa
    • By silvagno
      Boa tarde,
      É possível formatar um texto nesse código? ou seja, pular linha, colocar em negrito, centralizar e etc.
      Estou usando uma função que ao digitar o código 10400 ele chama o texto e gostaria de formatar esse texto.
      <script> var dados = [{"codigo": "10400", "Nome": ["testando texto não formatado"]}, ]; </script> $('input[name="nome"]').change(function(){ var nome = $(this).val(); var text = $('textarea[name="nome pessoal"]').val(); $('textarea[name="nome pessoal"]').val(text.replaceAll('(testando texto não formatado)',nome)); });  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.