Effet de transition Cube

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

Résolu Effet de transition Cube

Message par Wisti le Mar 5 Aoû 2014 - 19:19

Bonjour,

Je cherche désespérément comment faire un effet de transition comme CEUX-CI en particulier le rotateCubeBottom (Deuxième de la troisième colonne) pour ma page d'accueil, mais je ne comprends pas les explications et les codes fournis. Mon forum de test est en phppp2 et j'utilise Google Chrome comme navigateur.

Un grand merci d'avance à la personne qui aura la patience de me donner un petit coup de main I love you 


Dernière édition par Wisti le Dim 10 Aoû 2014 - 22:20, édité 3 fois

Wisti
Nouveau membre

Messages : 29
Inscrit(e) le : 29/11/2012

Wisti a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet de transition Cube

Message par Wisti le Jeu 7 Aoû 2014 - 12:09

Petit up

Wisti
Nouveau membre

Messages : 29
Inscrit(e) le : 29/11/2012

Wisti a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet de transition Cube

Message par [Nihil] le Jeu 7 Aoû 2014 - 13:21

Bonjour Very Happy

Pourriez vous nous fournir ce que vous avez déjà comme code ?

Dans leur documentation en dessous, ils expliquent la marche à suivre si vous regardez bien.
1/ Il faut rajouter leur javascript.
2/ Ensuite rajouter le CSS
Pour ces 2 étapes, rajouter du Javascript et rajouter du CSS, la marche à suivre est disponible sur ce forum, il suffit d'une petite recherche (:

Une fois que ceci est fait, essayer de mettre dans votre page d'accueil l'un des codes HTML proposé en exemple.
Par exemple on peut essayer celui ci :
Code:
<div class="et-wrapper et-rotate" et-in="rotateSlideIn" et-out="rotateSlideOut">
  <div class="et-page">
    <h2>Page 1</h2>
  </div>
  <div class="et-page">
    <h2>Page 2</h2>
  </div>
</div>

Je n'ai pas encore testé ce qu'ils fournissent, je ne fais que vous retranscrire l'usage.

Edition ea : pour remplacer le lien css à la place du js qu'il y avait

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet de transition Cube

Message par Wisti le Jeu 7 Aoû 2014 - 15:07

Merci pour votre réponse rapide, malheureusement ça n'a pas l'air de fonctionner. Je suis pourtant sûre d'avoir ajouté tout comme il faut, mais rien ne s'affiche.


Dernière édition par Wisti le Dim 10 Aoû 2014 - 22:19, édité 1 fois

Wisti
Nouveau membre

Messages : 29
Inscrit(e) le : 29/11/2012

Wisti a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet de transition Cube

Message par [Nihil] le Dim 10 Aoû 2014 - 11:32

Bonjour,

J'ai fait différents test, et on dirait qu'il y a un problème avec leur CSS sur ForumActif, je crois qu'il y en a trop, mais je ne suis pas vraiment sûre.

Voici un test de code JS à mettre à la place du précédent : http://atelier-nee.forumactif.org/18934.js
J'ai simplement rajouter le CSS dedans pour qu'il soit rajouté depuis le javascript. Une autre possibilité est d'héberger vous même le fichier CSS en question.

Vous pouvez retirer le code CSS que je vous avais dit d'ajouter dans mon premier message (merci d'ailleurs à Ea d'avoir éditer mon message), et rajouter ceci (le code CSS de leur exemple) :
Code:
.et-wrapper {
    width: 200px;
    height: 200px;
}
.et-page:nth-child(1) {
    background: red;
}
.et-page:nth-child(2) {
    background: blue;
}

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet de transition Cube

Message par Wisti le Dim 10 Aoû 2014 - 22:20

Ça marche à merveille, merci beaucoup !

Wisti
Nouveau membre

Messages : 29
Inscrit(e) le : 29/11/2012

Wisti a été remercié(e) par l'auteur de ce sujet.

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


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