Tem como colocar mais de dois em cada local deste  Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Tem como colocar mais de dois em cada local deste

4 participantes

Ir para baixo

Tópico resolvido Tem como colocar mais de dois em cada local deste

Mensagem por EDU2010 11.03.18 15:58

Detalhes da questão


Endereço do fórum: http://webcar.forumeiros.com/forum
Versão do fórum: ModernBB

Descrição


Bom dia , teria como colocar mais de dois neste local , lado a lado colocar em vez de dois 4 , segue imagem de exemplo e diminuir a imagem pra caber em cada fileira 4



Segue imagem de exemplo


Tem como colocar mais de dois em cada local deste  Sem_ty10
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: Tem como colocar mais de dois em cada local deste

Mensagem por virus 11.03.18 16:20

Boa tarde. Veja o video e o tutorial que tem neste tópico.
https://ajuda.forumeiros.com/t15944-tutorial-organizando-categoria-como-forumeiros-e-voce

Até!;
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Tem como colocar mais de dois em cada local deste

Mensagem por EDU2010 11.03.18 17:48

Vi o tutorial mais não me ajudou , eu queria colocar cada linha 4 simbolos ?


Quero que fique assim como montei na imagem

Tem como colocar mais de dois em cada local deste  Sem_ty29
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: Tem como colocar mais de dois em cada local deste

Mensagem por Luiz 12.03.18 23:42

Isso acabará prejudicando pessoas que têm computadores com telas menores. Creio que não seja muito bom fazer o que o senhor mostrou acima. :s

o/
Luiz
Luiz
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Tem como colocar mais de dois em cada local deste

Mensagem por EDU2010 13.03.18 21:33

Amigo ai é claro eu iria fazer as marcas bem pequenas ?


Quero saber apenas se tem como ? Obrigado
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: Tem como colocar mais de dois em cada local deste

Mensagem por tikky 17.03.18 14:58

Olá,
Para falar a verdade é possivel fazer o que você quer. Você poderia mandar o código que você está a usar para eu editar?

Aguardo uma resposta,
obrigado
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Tem como colocar mais de dois em cada local deste

Mensagem por EDU2010 22.03.18 18:27

Aqui esta

Código:
<span style="float: left; width: 50%;"><a class="forumtitle" href="http://webcar.forumeiros.com/f15-honda"><img style="width: 150px;height: 150px;" src="https://i62.servimg.com/u/f62/19/81/78/19/honda10.png" />HONDA </a><br /></span><span style="float: right; width: 50%;"><a class="forumtitle" href="http://webcar.forumeiros.com/f14-nissan"><img style="width: 150px;height: 150px;" src="https://i62.servimg.com/u/f62/19/81/78/19/nissan10.jpg" />NISSAN</a><br /></span>
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: Tem como colocar mais de dois em cada local deste

Mensagem por tikky 22.03.18 20:58

Muda para:

Código:
<div id="cat-list">
                
   <div>
            <a href="http://webcar.forumeiros.com/f15-honda"><img src="https://i62.servimg.com/u/f62/19/81/78/19/honda10.png" style="width: 50px;height: 50px;" />HONDA </a>     
   </div>
                
   <div>
            <a href="http://webcar.forumeiros.com/f15-honda"><img src="https://i62.servimg.com/u/f62/19/81/78/19/honda10.png" style="width: 50px;height: 50px;" />HONDA </a>     
   </div>
   <div>
            <a href="http://webcar.forumeiros.com/f15-honda"><img src="https://i62.servimg.com/u/f62/19/81/78/19/honda10.png" style="width: 50px;height: 50px;" />HONDA </a>     
   </div>
   
   <div>
            <a href="http://webcar.forumeiros.com/f15-honda"><img src="https://i62.servimg.com/u/f62/19/81/78/19/honda10.png" style="width: 50px;height: 50px;" />HONDA </a>     
   </div>
   
   <div>
            <a href="http://webcar.forumeiros.com/f15-honda"><img src="https://i62.servimg.com/u/f62/19/81/78/19/honda10.png" style="width: 50px;height: 50px;" />HONDA </a>     
   </div>
      
</div>

e ponha isto do seu CSS, compatível com todos os browsers ou quase todos, é um sistema flexbox:

Código:
#cat-list {
   width: 100%;
   height: auto;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
        -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
   align-content: flex-start; 
}
#cat-list > div {
   display: inherit;
   width: 100px;
   min-height: 100px;
}
#cat-list a {
  font-weight: bold;
  }
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Tem como colocar mais de dois em cada local deste

Mensagem por Luiz 27.03.18 17:18

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
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

Ir para o topo

- Tópicos semelhantes

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