Posicionar div's

[Yuri Witkowsky 0]

Olá, gostaria de saber como posicionar minhas divs boxe como na sequencia abaixo:

Gostaria de saber como é feito esse script e se da para fazer por meio de CSS (que eu particularmente acho que seria pesado e complicado);

 

Eu sei que dá para fazer assim se eu colocar cada 2 quadrados em uma div, mas eu não quero que seja assim, pois cada dia vai mudando a ordem dos quadrados, queria um scritp assim como era no antigo site http://wearehunted.com/

Agradeço desde já!, aguardo respostas.

[Luan Lima 4]

Não entendi bem... Você quer divs nessa disposição aí é que a cada dia o conteúdo de 1 div troque pelo conteúdo de outra?

[Bacsh 4]

Amigo segue exemplo:

 

 

http://jsfiddle.net/tjgPt/

 

Foi o único jeito que eu consegui, eu fiz colorido para você entender a estrutura, eu separei em 2 divs porque acho que é impossível alinhar o quadrado 5 ao lado do 3 e do 4.

 

Enfim, talvez tenha alguma solução mas eu desconheço.

 

Boa sorte, se isso resolveu o seu problema não se esqueça de marcar este tópico como resolvido.

 

Abraço!

[angelorubin 142]

Boa noite,

 

É possível com CSS sim.

 

Alternativas:

 

1 - Com Twitter Bootstrap ou Similares(Foundation,Outros);

2 - Com este sistema de Grid do (William) - http://wbruno.com.br/css/column-gs-um-sistema-de-grid-css-960-com-significado-e-para-frontends/

[Yuri Witkowsky 0]

Olá boa noite, não exatamente assim que eu quero, e para ficar mais claro (Creio que eu não tenha explicado muito bem acima..) Gostaria de ter um sistema assim como o do MySpace , reparem: https://myspace.com/
ele segue o mesmo estilo do desenho que fiz, acho que o CSS não se encaixaria, pois seria algo fixo, como por exemplo: (A Cada 5 grãos de feijão, um está podre. e assim por diante); "Creio eu ser assim"

 

Minha ideia é fazer uma linha do tempo infinita, um site que só rode pela horizontal, exatamente como mostra a interface do MySpace, por favor, se alguém obtiver uma solução, ficarei muitíssimo grato pela solução.

[angelorubin 142]

Boa tarde,

 

Isto pode lhe ajudar:

• http://creativeoverflow.net/33-creative-uses-of-vertical-scrolling-in-web-design
• http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery

[Naison Souza de Oliveira 0]

Creio que esse plugin é o que você precisa!

 

http://isotope.metafizzy.co/demos/images.html