Mise en page Pinterest

Par Charly, il y a 14 ans


Les bases HTML/CSS

Bonsoir à tous.

J'aimerais juste savoir comment faire une mise en page comme Pinterest, tous les éléments en float left, peu importe leur hauteur. Est-ce simplement du CSS ou y'a t'il un script existant ?

Merci d'avance

5 réponses

karmalo, il y a 14 ans

salut,

Tu regardes le code source et son css, ainsi tu sauras exactement.
Si tu es sur firefox, installes le module web developper, et firebug aussi

Charly, il y a 14 ans

Salut Karmalo, oui bien sur j'ai deja regardé... Mais tous les <div> sont positionnés en absolute, et je vois mal les développeurs ajouter les styles directement. Il doit y avoir un plugin existant par rapport au DOM je pense mais je ne trouve pas grand chose pour le moment.

karmalo, il y a 14 ans

je ne comprends pas pourquoi ils utiliseraient un plugin

les articles sont dans une div class "pin"

Donc à chaque fois qu'ils écrivent un article, ca se met automatiquement.
Ils ont un back-office pour gérer le site

Julien_M, il y a 13 ans

Il me semble qu'ils utilisent le plugin : Masonry.

Charly, il y a 13 ans

Merci c'est exactement ce que je cherchais... J'ai découvert aussi le plugin isotope qui fait globalement la même chose.