Comment créer des boxgrid ?

[y.berges]

Re : Comment créer des boxgrid ?

Nous ne savons même pas ce que tu as fait c'est le minimum

[jisse03]

Re : Comment créer des boxgrid ?

Bonjour,

Bonjour ,

Donc il n'y a aucun moyen d'obtenir cet effet ?!

S'il s'agit de l'effet boxgrid de certains thèmes WordPress, en adaptant quelque peu http://www.bersin.com/Lexicon/details.aspx?id=13134 , http://buildinternet.com/2009/03/sli...s-with-jquery/ et https://code.google.com/p/boxgrid/ , il devrait ^etre possible de caser le tout dans un template spécialisé Joomla!

Au niveau template mon choix c'est déjà arrêté , et je ne voudrais pas avoir payé pour rien donc existe t il un code sur joomla 3 pour arriver au résultat voulu?

Là, par contre, si tu veux "imposer" un template déjà choisi, soit parce que tu l'as payé, soit parce qu'il t esemble joli, tu seras désespérement seul pour tenter d'adapter les concepts des 3 liens ci-dessus vers un template pas vraiment conçu pour ce genre d'effet.

Il faut savoir ce qu'on veut, efficacité ou réutiliser absolument un truc qu'on a déjà payé...

[ACKE]

Re : Comment créer des boxgrid ?

Bonjour a tous ,

Voila a peu prêt ce que je veux !


en temps normal
quand le curseur est dessus

Cdt

[jisse03]

Re : Comment créer des boxgrid ?

S'il s'agit d'un simple hover, voir la simple documentation HTML5 http://www.w3schools.com/cssref/sel_hover.asp

A ce niveau on ne parle plus de boxgrid, mais d'un simple effet hover, avec ou sans un imagemap http://www.w3schools.com/tags/tag_map.asp

[ACKE]

Re : Comment créer des boxgrid ?

Merci Jiss , mais concrètement ca fonctionne comment et comment je l integre a mon Template .
Cdt

[jisse03]

Re : Comment créer des boxgrid ?

C'est directement dans ton contenu que tu définis les classes CSS...
Une image map, c'est juste du HTML dans un contenu, un hover, c'est juste une déclaration sur un contenu.

Il te faut apprendre les bases du HTML, il n'y a pas de magie

[ACKE]

Re : Comment créer des boxgrid ?

Bonjour Jiss

Je sais bien qu'il faut apprendre les bases ,mais la j'avoue je suis un peu perdu ....
Comment et quel code créer pour que l'image monte ou descende (je n'ai pas encore definis le sens)
au passage de la sourie pour découvrir le contenu .
Si tu peux m'aider se serai genial .
Cdt

[jisse03]

Re : Comment créer des boxgrid ?

Les bases de l'animation en pur CSS 3 : http://www.w3schools.com/css/css3_animations.asp

[ghazal]

Re : Comment créer des boxgrid ?

Un grand nombre d'animations qiue l'on trouve aujourd'hui sont des adaptations de démos venant de ce site :

Codrops | Useful resources and inspiration for creative minds

http://tympanus.net/codrops/

http://tympanus.net/codrops/category/playground/

[ACKE]

Re : Comment créer des boxgrid ?

Re , merci a tous pour vos indications et le temps passé mais je suis trop une quiche ,je n'arrive pas a faire le code et ou le placé !
Cdt

[ACKE]

Re : Comment créer des boxgrid ?

Au secour !!!! Je suis complètement perdu ....

[y.berges]

Re : Comment créer des boxgrid ?

On ne sait toujours pas ce que tu as fais ton code cest quoi
Desoler on est la pour aider pas pour faire

[ghazal]

Re : Comment créer des boxgrid ?

On ne sait toujours pas ce que tu as fais ton code cest quoi
Desoler on est la pour aider pas pour faire

Tout à fait d'accord.

[ACKE]

Re : Comment créer des boxgrid ?

Bonjour ,

Voici le code que j ai créé et integré dans le fichier css de mon Template !

a.Img_module{
width:auto;
height:auto;
top: 0;

a.Img_module:hover{
background:url(/images/image hover/img_module catalogues.png) no-repeat 0 0;
position: absolute
}

[ACKE]

Re : Comment créer des boxgrid ?

Je me doute qu'il n'est pas bon mais qu'est ce qui doit etre modifié ?
Cordialement