Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Page "dépliable"

Voir le sujet précédent Voir le sujet suivant Aller en bas

Page "dépliable"

Message par bigmiches le Dim 19 Fév 2017 - 11:36

Bonjour à tous,

je n'ai pas le terme technique, mais je voulais savoir s'il était possible de réaliser une page "dépliable" : par exemple avec des années, qui, lorsque l'on cliquerait dessus ferait apparaitre, sur la même page, du contenu (que l'on pourrait "replier" pour plus de lisibilité.) On peut faire des boutons qui likent vers des pages invisibles pour contourner cela, mais je voulais savoir si c'était possible de réaliser cela sur une même page
je ne sais pas si je suis bien clair...
merci pour votre aide !

bigmiches

Messages : 4
Date d'inscription : 19/02/2017

http://www.ucv7.fr

Revenir en haut Aller en bas

Re: Page "dépliable"

Message par FredVig le Dim 19 Fév 2017 - 11:48

Bonjour. Oui cela peut être réalisé à partir de codes. Il me semble qu'on peut trouver quelques exemples dans ce forum en cherchant "spoiler". Si vous maitrisez le html, vous pouvez regarder des sites comme coderops un site parmi des milliers qui proposent des tutos de contenus interactif animés. Vous pouvez aussi "embaucher" un Jimdo expert pour réaliser ces contenus. il pourra mieux tenir compte des spécificités de Jimdo.
Enfin, vous pouvez poster vos essais dans la catégorie "modifier le Head" de ce forum (j'ai déplacé votre post dans cette catégorie). Si vous entreprenez une modification de code, nous pouvons vous guider dans vos recherches.

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

Messages : 1790
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Page "dépliable"

Message par bigmiches le Dim 19 Fév 2017 - 11:50

Merci pour votre réponse rapide, je vais faire des recherches avec la notion de spoiler effectivement, je n'y avais pas pensé, mais c'est bien le résultat espéré, à plus grande échelle.

bigmiches

Messages : 4
Date d'inscription : 19/02/2017

http://www.ucv7.fr

Revenir en haut Aller en bas

Re: Page "dépliable"

Message par FredVig le Dim 19 Fév 2017 - 11:51

Sur coderops ils classent cela en "multi-layers page" : https://tympanus.net/codrops/2016/06/01/multi-layer-page-reveal-effects/

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

Messages : 1790
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Page "dépliable"

Message par FredVig le Dim 19 Fév 2017 - 12:08

Les "moteurs" de base pour de telles interactions sont assez simples.
Les boutons animés en sont une application.
Vous avez un exemple de coderops traduit en français sur mon site : https://www.fredvig.com/boutons-rollover/
Le principe est de mettre dans un widget html deux div imbriquées, l'une masquant l'autre. Les divs sont décalées l'une par rapport à l'autre. AU survol, certaines propriétés des div changent, leur position, leur aspect… Comme elles sont affectées par les propriétés transition transform et delay, ces changements s'effectuent progressivement, donnant l'impression d'un mouvement.
L'animation est déclenchée par un survol (:hover)
elle peut être modifiée en :click

Il existe de nombreuses façon de parvenir à de tels résultats. Cette méthode a l'avantage de ne faire appel qu'à du CSS et du code html. Les propriétés fonctionnent plutôt bien sur de nombreux navigateurs.

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

Messages : 1790
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Page "dépliable"

Message par bigmiches le Dim 19 Fév 2017 - 12:12

Super merci, je vais regarder. Je ne sais pas si j'ai les connaissances techniques pour suivre cela, mais je vais regarder. Le survol n'est pas utilisable car les blocs qui apparaissent peuvent aussi être des liens (vidéos, etc) mais le changement en :click à tenter... merci

bigmiches

Messages : 4
Date d'inscription : 19/02/2017

http://www.ucv7.fr

Revenir en haut Aller en bas

Re: Page "dépliable"

Message par FredVig le Dim 19 Fév 2017 - 13:17

C'est à la fois simple et demande des connaissances pour comprendre ce que l'on fait, comment "ça" fonctionne. Mais vous ne risquez rien à essayer de comprendre, tester des codes etc…

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

Messages : 1790
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Page "dépliable"

Message par bigmiches le Lun 20 Fév 2017 - 12:20

Pas de souci, je n'ai pas peur de me lancer. Juste un manque de temps parfois mais ça va le faire Wink Merci encore

bigmiches

Messages : 4
Date d'inscription : 19/02/2017

http://www.ucv7.fr

Revenir en haut Aller en bas

Re: Page "dépliable"

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum