Editar código

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Editar código

Mensagem por EDU2010 07.11.17 11:54

Detalhes da questão


Endereço do fórum: https://www.criadoresdepassaros.com/
Versão do fórum: phpBB3

Descrição


Bom dia , gostaria de editar este código , ele ficou perfeito mais não tem um local que possa escrever a descrição do produto que esta em venda , poderia colocar apenas um campo de descrição do produto . segue código e também ao final da pagina um botão de avançar para próxima pagina já que terá bastante produtos e varias paginas , desde obrigado


Código:
<div class="fa-grid-widget">
    
   <div class="fa-grid-widget-row">
           
      <div class="fa-grid-widget-column">
                 <a href="#"><img src="https://i62.servimg.com/u/f62/15/98/91/46/rnyczg10.jpg" /></a>        <a href="https://produto.mercadolivre.com.br/MLB-933009116-mistura-para-trinca-ferro-_JM"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
           
      <div class="fa-grid-widget-column">
                 <a href="#"><img src="https://images.tcdn.com.br/img/img_prod/382594/672_1_20140830093952.jpg" /></a>        <a href="#"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
           
      <div class="fa-grid-widget-column">
                 <a href="#"><img src="https://images.tcdn.com.br/img/img_prod/382594/672_1_20140830093952.jpg" /></a>        <a href="#"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
       
   </div>
    
   <div class="fa-grid-widget-row">
           
      <div class="fa-grid-widget-column">
                 <a href="#"><img src="https://images.tcdn.com.br/img/img_prod/382594/672_1_20140830093952.jpg" /></a>        <a href="#"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
           
      <div class="fa-grid-widget-column">
                 <a href="#"><img src="https://images.tcdn.com.br/img/img_prod/382594/672_1_20140830093952.jpg" /></a>        <a href="#"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
           
      <div class="fa-grid-widget-column">
                 <a href="#"><img src="https://images.tcdn.com.br/img/img_prod/382594/672_1_20140830093952.jpg" /></a>        <a href="#"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
       
   </div>
    
   <div class="fa-grid-widget-row">
           
      <div class="fa-grid-widget-column">
                 <a href="#"><img src="https://images.tcdn.com.br/img/img_prod/382594/672_1_20140830093952.jpg" /></a>        <a href="#"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
           
      <div class="fa-grid-widget-column">
                 <a href="#"><img src="https://images.tcdn.com.br/img/img_prod/382594/672_1_20140830093952.jpg" /></a>        <a href="#"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
           
      <div class="fa-grid-widget-column">
                 <a href="#"><img src="https://images.tcdn.com.br/img/img_prod/382594/672_1_20140830093952.jpg" /></a>        <a href="#"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
       
   </div>
     <style>
      .fa-grid-widget-row {
        overflow: hidden;
        margin-bottom: 20px;
        padding: 5px;
      }
     
      .fa-grid-widget-column {
        box-sizing: border-box;
        width: 31%;
        margin: 0 1%;
        box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.2);
        padding: 5px;
        float: left;
      }
     
      .fa-grid-widget-column > a:first-child {
        display: block;
      }
     
      .fa-grid-widget-column img {
        max-width: 100%;
      }
  </style>
</div>
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Editar código

Mensagem por Kyo Panda 07.11.17 12:31

Troque por esse:

Código:
<div class="fa-grid-widget">
     
  <div class="fa-grid-widget-row">
           
      <div class="fa-grid-widget-column">
                  <a href="#"><img src="https://i62.servimg.com/u/f62/15/98/91/46/rnyczg10.jpg" /></a>    <p>Descrição aqui</p>    <a href="https://produto.mercadolivre.com.br/MLB-933009116-mistura-para-trinca-ferro-_JM"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
           
      <div class="fa-grid-widget-column">
                  <a href="#"><img src="https://images.tcdn.com.br/img/img_prod/382594/672_1_20140830093952.jpg" /></a> <p>Descrição aqui</p>        <a href="#"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
           
      <div class="fa-grid-widget-column">
                  <a href="#"><img src="https://images.tcdn.com.br/img/img_prod/382594/672_1_20140830093952.jpg" /></a>  <p>Descrição aqui</p>      <a href="#"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
       
  </div>
     
  <div class="fa-grid-widget-row">
           
      <div class="fa-grid-widget-column">
                  <a href="#"><img src="https://images.tcdn.com.br/img/img_prod/382594/672_1_20140830093952.jpg" /></a>  <p>Descrição aqui</p>      <a href="#"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
           
      <div class="fa-grid-widget-column">
                  <a href="#"><img src="https://images.tcdn.com.br/img/img_prod/382594/672_1_20140830093952.jpg" /></a>  <p>Descrição aqui</p>      <a href="#"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
           
      <div class="fa-grid-widget-column">
                  <a href="#"><img src="https://images.tcdn.com.br/img/img_prod/382594/672_1_20140830093952.jpg" /></a>  <p>Descrição aqui</p>      <a href="#"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
       
  </div>
     
  <div class="fa-grid-widget-row">
           
      <div class="fa-grid-widget-column">
                  <a href="#"><img src="https://images.tcdn.com.br/img/img_prod/382594/672_1_20140830093952.jpg" /></a>  <p>Descrição aqui</p>      <a href="#"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
           
      <div class="fa-grid-widget-column">
                  <a href="#"><img src="https://images.tcdn.com.br/img/img_prod/382594/672_1_20140830093952.jpg" /></a>  <p>Descrição aqui</p>      <a href="#"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
           
      <div class="fa-grid-widget-column">
                  <a href="#"><img src="https://images.tcdn.com.br/img/img_prod/382594/672_1_20140830093952.jpg" /></a>  <p>Descrição aqui</p>      <a href="#"><img src="https://i.servimg.com/u/f11/15/95/44/80/botao-10.png" /></a>     
      </div>
       
  </div>
      <style>
      .fa-grid-widget-row {
        overflow: hidden;
        margin-bottom: 20px;
        padding: 5px;
      }
     
      .fa-grid-widget-column {
        box-sizing: border-box;
        width: 31%;
        margin: 0 1%;
        box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.2);
        padding: 5px;
        float: left;
      }
     
      .fa-grid-widget-column > a:first-child {
        display: block;
      }
     
      .fa-grid-widget-column img {
        max-width: 100%;
      }
    
     .fa-grid-widget-column p {
    
     }
  </style>
</div>

O senhor pode editar a descrição onde está escrito Descrição aqui.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Editar código

Mensagem por Luiz 11.11.17 13:33

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos