Listando Posts em divs de tamanhos diferentes

  • Resolvido ricksk

    (@ricksk)


    7 anos atrás

    Olá companheiros(as)!

    Preciso criar uma listagem de posts em divs de diferentes tamanhos, dos posts mais recentes e em sequencia…

    por exemplo:

    <div width=”100″ id=”1″>Aqui vai o post 1</div>
    <div width=”500″ id=”2″>Aqui vai o post 2</div>

    A idéia é criar um mosaico de posts… =D

    to quebrando a cabeça pra isso kk, quem souber da um help xD

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • marcelo2605

    (@marcelo2605)

    7 anos atrás

    Existe várias formas de se fazer isso. Uma maneira simples é criar um array de classes CSS e ir aplicando-as durante o loop de posts.

    Ou você pode usar uma lib que faz todo o trabalho, como a Masonry

    Criador do tópico ricksk

    (@ricksk)

    7 anos atrás

    Opa Marcelo obrigado por responder, então eu ja cheguei e mexer com o Masonry porém não sei se ele me atende nesse requisito, por que ele faz um mosaico automatico, no meu caso eu teria DIVS em tamanhos fixos… nao sei se da para controlar ele para o mesmo .

    marcelo2605

    (@marcelo2605)

    7 anos atrás

    Você já viu esta página da documentação?

    Mas se for algo mais simples, você pode fazer isso só com CSS, usando a dica que dei no post anterior.

    Criador do tópico ricksk

    (@ricksk)

    7 anos atrás

    Nossa cara agora que vi, era realmente o que precisava, Muito obrigado ! =D

    marcelo2605

    (@marcelo2605)

    7 anos atrás

    Não esqueça de marcar o tópico como resolvido 😉

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • O tópico ‘Listando Posts em divs de tamanhos diferentes’ está fechado para novas respostas.