[RÉGLÉ] Template responsive avec blocks de différentes tailles

[sightimpact]

Salut tout le monde.
Je suis tombé sur des tempaltes responsives tels que Peruho où l'on pouvait faire apparaître des blocks de textes/images sous cette forme imbriquée.
L'avantage (outre la performance graphique) était d'avoir une disposition changeante selon que les dimensions étaient différentes ou bien que la largeur du navigateur était petite ou pas.
Je sais que c'est fait avec jQuery, mais j'aimerai savoir si on pouvait reproduire cela sur un Joomla ?
J'utilise actuellement le framework Gantry 4.
Merci de vos réponses.

[Rajoz]

Re : Template responsive avec blocks de différentes tailles

Bonjour,

Oui ça existe, par exemple :

• http://demo.gavick.com/joomla25/fashion/ (2.5 & 3.x).
• http://bambootheme.com/showcase/aug12/ (2.5)
• http://joomla25-templates.joomlart.com/ja_elastica/ (2.5)
• http://joomla25-templates.joomlart.com/ja_wall/default/ (2.5 & 3.x)
• ...

Le script utilisé s'appelle Masonry (http://masonry.desandro.com/).

Une recherche sur Google avec "joomla template masonry" donnera une très grande quantité de résultats.

Donc : [/Humeur]

Amicalement,
Rajoz

[sightimpact]

Re : Template responsive avec blocks de différentes tailles

Ah voila, j'avais du mal à trouver le nom du script.
Peut-on l'intégrer à Joomla 2.x ou 3.x sans passer par un template déjà fait ?
Merci Rajoz.
PS : excellente réactivité de la communauté. Ça fait plaisir

[Rajoz]

Re : Template responsive avec blocks de différentes tailles

Bonjour sightimpact,

Peut-on l'intégrer à Joomla 2.x ou 3.x sans passer par un template déjà fait ?

Oui ! On peut intégrer Masonry à Joomla! sans passer par un template déjà fait, il suffit de faire soi-même son template.

Il y a de nombreux tutos sur le web sur comment faire son template Joomla! et il y a aussi de nombreux tutos sur comment faire un template (HTML) avec Masonry. Il faut donc croiser les deux types de tutos pour réaliser son propre template Joomla! Masonry.

En complément de ces tutos, on peut aussi regarder comment les templates Joomla! Mansory ont fait pour intégrer Mansory.

Par ailleurs, le site http://masonry.desandro.com/ contient lui-même beaucoup d'informations dont une documentation que l'on peut télécharger.

Enfin, il ne faut jamais oublier le JED où on peut trouver des extentions intégrant Masonry : http://extensions.joomla.org/search?q=masonry

Amicalement,
Rajoz

[sightimpact]

Re : Template responsive avec blocks de différentes tailles

Merci beaucoup. Je met le post en REGLE.