Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal,
Estou tentando montar um dashboard igual ao da imagem abaixo, mas não estou conseguindo arrumar as divs conforme o layout da imagem de forma prática.
Consegui chegar em algo parecido utilizando margin-left e margin-top na mão para cada div, mas imagino que tenha uma forma melhor de fazer, porque alinhar as divs na mão dá um trabalho imenso.
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/fXTmvX4.jpg&key=670e090fce0f587c00e512ed77d8c0a7cf488802de77aa245c70c1fb1d14dd08" alt="fXTmvX4.jpg" />
Opa! obrigado pela dica, já estou olhando os links e são bem legais esses plugins.
A título de curiosidade, fazer esse mosaico utilizando só o css é possível? Numa forma mais simples da que eu estou tentando?
Abraço
Acredito que dê sim, mas pode ser trabalhoso. Esse mosaico será exatamente igual ao da foto? ou os tamanhos dos blocos irão varias de acordo com o conteúdo? Pois dai pode ser mais trabalhoso...
Uma alternativa bem "mais ou menos" é utilizar colunas... dai você até consegue criar algo semelhante, mas pode não ter a mesma usabilidade.
Dá uma lida: http://www.w3schools.com/css/css3_multiple_columns.asp
Meu querido,
esse efeito que procura chama-se "mansory".
Pra consegui-lo, utilize o plugin: http://masonry.desandro.com/
A documentação é bem completa e você tem vários tutoriais disponíveis na internet.
Abraço!
Excelente! Obrigado pela ajuda!
Existem plugins bem bacanas que fazem esse "mosaico".
Alguns que encontrei:
http://salvattore.com/
http://isotope.metafizzy.co/options.html
Esse último eu já utilizei numa listagem de depoimentos. Muito bacana e fácil.