Utiliser des effets de "materializecss.com"

[xavpowa]

Bonjour,

Je souhaite pouvoir utiliser l'élément "Accordéon" du site materializecss qui se trouve ici :

http://materializecss.com/collapsible.html

Toutefois, je ne parviens pas à l'installer... Pouvez-vous m'aider s'il vous plait ?

Merci par avance et bonne journée

[lomart]

Re : Utiliser des effets de "materializecss.com"

Bonjour,

C'est un framework au même titre que Bootstrap.
Je ne pense pas qu'il soit possible (facilement) d'isoler une fonctionnalité.

SI c'est l'effet material design qui vous attire, il doit être plus aisé de modifier le css d'une extension acoordion Joomla

[xavpowa]

Re : Utiliser des effets de "materializecss.com"

Bonjour,

Merci pour votre réponse; C'est en réalité l'effet "POPOUT" qui me plait, difficilement réalisable en simple CSS

[lomart]

Re : Utiliser des effets de "materializecss.com"

C'est en réalité l'effet "POPOUT" qui me plait, difficilement réalisable en simple CSS

C'est pourtant du CSS. Le JS n'est là que pour donner la classe active à l'élément sélectionné.

Donc une extension Joomla relookée doit convenir

[xavpowa]

Re : Utiliser des effets de "materializecss.com"

C'est pourtant du CSS. Le JS n'est là que pour donner la classe active à l'élément sélectionné.

Donc une extension Joomla relookée doit convenir

En réalité, j'aurai besoin que "l'accordéon" soit éditable directement dans un article (non pas publié dans un module) grâce à l'interface "akrWidget" (voir les pièces jointes).

Sauf que le design ne prend pas, ni même l'utilisation.. Avez-vous une idée ?



P.S : je ne sais pas où mettre les fichiers téléchargés sur modernizecss ?

[lomart]

Re : Utiliser des effets de "materializecss.com"

Sauf que le design ne prend pas, ni même l'utilisation.. Avez-vous une idée ?

Si vous n'avez pas de bonnes connaissances en intégration de js et css, abandonnez l'idée de mettre modernizecss dans Joomla!
Trouvez le plugin Joomla qui correspond à votre besoin, puis ajouter les règles CSS qui produiront l'effet recherché.
Perso, j'utilise celui-ci qui se prête bien aux modifs CSS : Https://extensions.joomla.org/extens.../ext-accordion

P.S : je ne sais pas où mettre les fichiers téléchargés sur modernizecss ?

Inutile, si vous le pensez nécessaire, faites un lien vers la page originale

[lomart]

Re : Utiliser des effets de "materializecss.com"

Si tu utilises le plugin que j'ai indiqué, il suffit d'ajouter ce code dans ton fichier CSS pour obtenir l'effet

.ext_accordion .panel {
    border: none;
  }  
.ext_accordion > li.open {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    margin: 15px 0;
}
.ext_accordion > li {
    transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    margin: 0 20px;
}

J'ai testé, j'obtiens cela :

[pmleconte]

Re : Utiliser des effets de "materializecss.com"

Il y a un tas "d'accordéons".

J'aime bien celui de regularlabs (ils appellent cela un slider, mais, c'est un accordeon...) : https://www.regularlabs.com/extensions/sliders

J'en ai fait un aussi (très simple) où il suffit d'ajouter dans votre article {accordeon=<votre titre>}blabla{/accordeon} et c'est fait : https://www.conseilgouz.com/index.ph...mple-accordeon

Pascal

[ced1870]

Re : Utiliser des effets de &quot;materializecss.com&quot;

salut
pour le coté popout ce sont juste des marges latérales qui sont réduites en état actif, animées avec une transition css
CEd