Partage
  • Partager sur Facebook
  • Partager sur Twitter

[Atelier] Creer votre slideshow en CSS

Atelier CSS

    15 juin 2016 à 20:28:41

    Bonsoir,

    il suffit de cliquer sur les liens dans le premier post pour voir le CSS.
    Et n'hésites pas à participer, tu n'as rien à perdre ! :)

    Bonne soirée !

    • Partager sur Facebook
    • Partager sur Twitter
      16 juin 2016 à 10:42:30

      NecroGeek a écrit:

      Bonjour serait il possible de voir le code CSS des participants svp que je puisse m'en inspirer

      PS : je ne concoure pas, je serais sûr de gagner :D.

      je rigole

      Cordialement

      Necro

      Salut,

      il suffit d'afficher le code source de la page. Clic droit - > afficher le code source.

      Pour celui de Cikuma, clic sur "change view" et ensuite sur "editor view".

      • Partager sur Facebook
      • Partager sur Twitter
      Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
        16 juin 2016 à 12:53:26

        maj du premier post

        On voit tres bien que le slider le plus "aimé" est celui de Dipeeh , si l'on se base sur le vote +1 du forums. C'est serait préférable que l'on se base sur le vote du forums n'est-ce pas ? Parce que le vote du forums respecte carrément le règlement du votes (une personne ne peut pas faire 2 fois +1 le même post, mais aussi que la personne ne peut voté +1 sur son propre post). A une exception près, personne n'est limite a 2 votes (mais je crois qu'on peut omettre cette règle...).

        Du coup, le reglement du vote devient liker le slider que vous aimez, et le slider le plus liké gagne .

        • Partager sur Facebook
        • Partager sur Twitter

        Je suis juste un débutant expérimenté. RTFM | RTFD

          16 juin 2016 à 12:56:55

          ça me parait bien et juste.

          Je vais me créer 20 comptes bidons pour me liker ^^

          Ou je demande au chinois qui spam tout les jours ^^

          -
          Edité par Frogweb 16 juin 2016 à 12:57:36

          • Partager sur Facebook
          • Partager sur Twitter
          Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
            16 juin 2016 à 13:08:04

            Frogweb a écrit:

            Je vais me créer 20 comptes bidons pour me liker ^^ Ou je demande au chinois qui spam tout les jours

            Mdr je me disais moi aussi :) . Mais qui est cap de ça sérieusement (surtout un p'tit exercice de rien du tout).

            -
            Edité par Mohack 16 juin 2016 à 13:08:28

            • Partager sur Facebook
            • Partager sur Twitter

            Je suis juste un débutant expérimenté. RTFM | RTFD

              16 juin 2016 à 18:29:12

              Frogweb a écrit:

              ça me parait bien et juste.

              Je vais me créer 20 comptes bidons pour me liker ^^

              Ou je demande au chinois qui spam tout les jours ^^

              -
              Edité par Frogweb il y a environ 5 heures

              Ou alors tu demandes a tes "amis" sur les réseaux sociaux de s'inscrire juste pour voté pour toi !
              T'auras moins de travail ! :p

              .... Bon, j'arrête de donner de mauvaises idées. :)

              • Partager sur Facebook
              • Partager sur Twitter
              Anonyme
                16 juin 2016 à 21:20:02

                L'idée n'est pas mauvaise, mais bonjour pour retrouver le lien de la personne pour ensuite liker x/

                Et pour mon vote j'hésite... ^^'

                • Partager sur Facebook
                • Partager sur Twitter
                  17 juin 2016 à 3:39:44

                  Coucou,

                  tout d'abord, merci pour ce petit "défi", j'avoue que jusqu'à présent je ne m'étais jamais servie des animations, et cela m'a permis d'en découvrir un peu plus sur cette notion ^^"

                  Du coup, j'ai essayé de faire un petit truc : http://codepen.io/KuroBayashi/full/beeOog/

                  Pour ce qui est du HTML, j'ai modifié les images et les textes (mais je peux remettre les éléments par défaut si besoin), et je ne me suis pas servie du #contenair.

                  Ensuite, je me suis servie de : http://www.w3schools.com/css/css3_animations.asp pour découvrir les fonctionnalités.

                  Voilà, voilà =)

                  PS : Tester sur Firefox et Chrome uniquement :x

                  • Partager sur Facebook
                  • Partager sur Twitter
                  Anonyme
                    17 juin 2016 à 9:50:03

                    Re, :)

                    J'ai fini : https://codepen.io/Brynanum/full/BzzbOX/ :D

                    J'ai galéré mais c'était bien cool. Prévenez-moi pour le défi suivant si vous voyez que je ne l'ai pas vu. ;)

                    Et pour le vote, on fait comment ducoup : on like le(s) post(s) ayant le(s) lien(s) ou on donne sa réponse par post et on fait vote unique ? ^^

                    • Partager sur Facebook
                    • Partager sur Twitter
                      17 juin 2016 à 10:48:04

                      Salut,

                      @Brynanum : ton lien ne semble pas fonctionner. Et c'est pas faux, pas facile de retrouver le post pour voter.

                      Mohack, je te propose mettre, dans ton premier post, le lien vers le message de la personne qui propose un slider plutôt que vers le slider.

                      Comme ça :

                      Frogweb

                      Dipeech

                      Chikuma

                      YoshiiSenpai

                      Et ça sera plus facile pour toi de tenir les compteurs à jour.

                      -
                      Edité par Frogweb 17 juin 2016 à 11:14:10

                      • Partager sur Facebook
                      • Partager sur Twitter
                      Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
                        17 juin 2016 à 10:58:12

                        @Frogweb : le lien fonctionne parfaitement chez moi ^^

                        • Partager sur Facebook
                        • Partager sur Twitter
                        LEEEEROOOOY JEEENKINS !!!
                          17 juin 2016 à 10:59:30

                          AymericRavaine a écrit:

                          @Frogweb : le lien fonctionne parfaitement chez moi ^^

                          Ah oui, nouvel essai et réussite ^^

                          • Partager sur Facebook
                          • Partager sur Twitter
                          Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
                            17 juin 2016 à 11:11:44

                            YoshiiSenpai a écrit:

                            Coucou,

                            tout d'abord, merci pour ce petit "défi", j'avoue que jusqu'à présent je ne m'étais jamais servie des animations, et cela m'a permis d'en découvrir un peu plus sur cette notion ^^"

                            Du coup, j'ai essayé de faire un petit truc : http://codepen.io/KuroBayashi/full/beeOog/

                            Pour ce qui est du HTML, j'ai modifié les images et les textes (mais je peux remettre les éléments par défaut si besoin), et je ne me suis pas servie du #contenair.

                            Ensuite, je me suis servie de : http://www.w3schools.com/css/css3_animations.asp pour découvrir les fonctionnalités.

                            Voilà, voilà =)

                            PS : Tester sur Firefox et Chrome uniquement :x


                            Très joli, j'aime beaucoup :)

                            On peut voter deux fois ? :p

                            Brynanum a écrit:

                            Re, :)

                            J'ai fini : https://codepen.io/Brynanum/full/BzzbOX/ :D

                            J'ai galéré mais c'était bien cool. Prévenez-moi pour le défi suivant si vous voyez que je ne l'ai pas vu. ;)

                            Et pour le vote, on fait comment ducoup : on like le(s) post(s) ayant le(s) lien(s) ou on donne sa réponse par post et on fait vote unique ? ^^

                            Pas mal aussi, mais pourquoi ne pas garder la proportion originale des images ? :p

                            -
                            Edité par Oxygen05 17 juin 2016 à 11:12:44

                            • Partager sur Facebook
                            • Partager sur Twitter
                              17 juin 2016 à 12:38:37

                              @YoshiiSenpai Notice me >o< ! Super jolie +1 ! T'es sur que c'est la premiere fois que t'as affaire avec les animations en CSS ... :lol:

                              @Frogweb Merci j'ai fait comme tu l'as dit :) . Comme ça, ça te rends directe au post pour ensuite 'pouvoir le liker ( maj du post ).

                              Dipeeh a écrit:

                              On peut voter deux fois ? :p

                              Il parait qu'il suffit de liker le post pour voter a la personne donc pas de limite niveau vote. :D

                              • Partager sur Facebook
                              • Partager sur Twitter

                              Je suis juste un débutant expérimenté. RTFM | RTFD

                                17 juin 2016 à 17:00:04

                                @Brynanum: Si tu sais toujours pas pour qui voté, tu peux cliquer ici et ensuite sur le pouce en bas du message ! :)

                                @YoshiiSenpei: Waouh ! T'as fait fort la... surtout pour quelqu'un qui n'as jamais toucher aux anim' !! Bravo en tout cas !

                                • Partager sur Facebook
                                • Partager sur Twitter
                                  17 juin 2016 à 17:45:09

                                  Chikuma Koshiro a écrit:

                                  @Brynanum: Si tu sais toujours pas pour qui voté, tu peux cliquer ici et ensuite sur le pouce en bas du message ! :)

                                  Rhooo le truand ! Objection votre honneur, interdit d'influencer le jury ^^

                                  • Partager sur Facebook
                                  • Partager sur Twitter
                                  Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
                                    17 juin 2016 à 18:09:54

                                    Frogweb a écrit:

                                    Rhooo le truand ! Objection votre honneur, interdit d'influencer le jury ^^


                                    Mais non, mais non, je n'influence personne ! ;) (Au pire je plaiderai la folie !)
                                    • Partager sur Facebook
                                    • Partager sur Twitter
                                      17 juin 2016 à 18:17:07

                                      Chikuma Koshiro a écrit:

                                      Frogweb a écrit:

                                      Rhooo le truand ! Objection votre honneur, interdit d'influencer le jury ^^


                                      Mais non, mais non, je n'influence personne ! ;) (Au pire je plaiderai la folie !)


                                      Il vas te falloir un bon avocat :p
                                      • Partager sur Facebook
                                      • Partager sur Twitter
                                        17 juin 2016 à 18:25:01

                                        J'ai signalé le sujet pour demander aux staffs de l'epingler pour une période limité. J'espère que c'est pas déplacé .

                                        • Partager sur Facebook
                                        • Partager sur Twitter

                                        Je suis juste un débutant expérimenté. RTFM | RTFD

                                          17 juin 2016 à 18:43:49

                                          Dipeeh a écrit:

                                          Il vas te falloir un bon avocat :p


                                          T'inquiètes, je ne m'en fait pas pour ça... Sauf que moi je les mange les avocats ! :)

                                          @Mohack: Pourquoi pas ! En espérant qu'il y aura plus de participants.

                                          -
                                          Edité par Chikuma Koshiro 17 juin 2016 à 18:49:18

                                          • Partager sur Facebook
                                          • Partager sur Twitter
                                            17 juin 2016 à 19:27:29

                                            Re,

                                            déjà, merci pour vos retours !

                                            Ensuite, pour @Mohack, oui c'était bien la première fois, mais bon, j'ai bien passé 30min-1h à lire et relire la doc ainsi que faire des tests pour comprendre plus ou moins comment ça fonctionne et puis si tu regardes le code, c'est vraiment du basique x)

                                            Merci encore pour le "défi".

                                            • Partager sur Facebook
                                            • Partager sur Twitter
                                            Anonyme
                                              17 juin 2016 à 20:35:18

                                              Hey, :)

                                              J'ai fait mes votes (oups j'ai donné une indication sur mon vote... :p ), et sans forcément être influencé par la remarque. ^^

                                              Voilà, sinon voter pour moi :lol: je plaisante, faites ce que vous voulez (mais je dis pas non à un pouce :) ).

                                              • Partager sur Facebook
                                              • Partager sur Twitter
                                                18 juin 2016 à 9:25:05

                                                J-Edward a écrit:

                                                Je l'épingle pour un moment ;)

                                                Oufff juste avant l'envahissement des bots spammeurs :lol: . J'avais agit par pur instant pour la demande d'epinglement. C'est pas du hasard si j'ai agit avant les bots, j'ai un spider sens(ou plus encore un forums spammeur sens xD).

                                                -
                                                Edité par Mohack 18 juin 2016 à 9:47:04

                                                • Partager sur Facebook
                                                • Partager sur Twitter

                                                Je suis juste un débutant expérimenté. RTFM | RTFD

                                                  24 juin 2016 à 19:03:05

                                                  Toujours.
                                                  • Partager sur Facebook
                                                  • Partager sur Twitter
                                                  Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
                                                    29 juin 2016 à 14:25:04

                                                    Fermeture imminente de l'atelier

                                                    Merci aux participants ! Ce fut un vrai plaisirs. L'atelier va bientôt fermer incha'allah. Si ils y en a qui veulent encore participer, il n'est pas trop tard !

                                                    Bonne journée et prenez soin de vous !

                                                    • Partager sur Facebook
                                                    • Partager sur Twitter

                                                    Je suis juste un débutant expérimenté. RTFM | RTFD

                                                      29 juin 2016 à 17:44:15

                                                      Bon! Et voici mon Lien:

                                                      https://codepen.io/ciprian86/full/rLyPaw/

                                                      Il n'est pas responsive :D J'ai pense a la fin donc j'ai laisse comme ça car trop de modification a faire!
                                                      • Partager sur Facebook
                                                      • Partager sur Twitter
                                                      La vie, c'est comme une une bicyclette, il faut avancer pour ne pas perdre l'équilibre.
                                                      Anonyme
                                                        29 juin 2016 à 21:55:40

                                                        @CiprianMalaes : J'aime bien :D faut que je bosse mes effets sur les légendes pour ma part. ^^
                                                        • Partager sur Facebook
                                                        • Partager sur Twitter

                                                        [Atelier] Creer votre slideshow en CSS

                                                        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                                                        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                                                        • Editeur
                                                        • Markdown