Partage
  • Partager sur Facebook
  • Partager sur Twitter

[Atelier] Creer votre slideshow en CSS

Atelier CSS

    9 juin 2016 à 16:16:52

    Super beau Frogweb ! Je met a jour le premier post. <hs>Tu n'as pas encore écrire un tuto sur ce thème. C'est le moment ! :)</hs>

    -
    Edité par Mohack 9 juin 2016 à 16:17:25

    • Partager sur Facebook
    • Partager sur Twitter

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

      10 juin 2016 à 10:52:15

      Salut,

      un petit up pour qu'il y est d'autres participants.

      Bonne journée.

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

        @dipeeh super ! Je serais curieux de voir ton code source ... Je ne pourrais pas mettre le 1st post a jour puisque actuellement je suis connecté en mobile :) . @frogweb merci d'avoir fait un up pour l'atelier. Finalement tu m'aiderais à l'animer jusqu'à la fin ?

        • Partager sur Facebook
        • Partager sur Twitter

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

          10 juin 2016 à 13:47:12

          Mohack a écrit:

          @dipeeh super ! Je serais curieux de voir ton code source ... Je ne pourrais pas mettre le 1st post a jour puisque actuellement je suis connecté en mobile :) .

          je pense mettre un média pour enlever le slide de devant et laisser juste le slide de fond sur mobile, car ça s'affiche pas terrible
          • Partager sur Facebook
          • Partager sur Twitter
            10 juin 2016 à 14:15:53

            Joli Dipeeh, joli design et beau code !

            Je vais quand même faire deux petites remarques parce que je suis un vieux titilleur ^^
            D'ailleurs si vous voyez des trucs moches dans mon code n'hésitez surtout pas, faire ce genre d'exercice c'est aussi et surtout pour progresser.

            Donc je disais deux petites remarques.
            Rien de "méchant" hein, juste un échange de point de vue entre dev ^^

            Sur footer tu mets width: 100%, qui n'est pas une bonne pratique, alors qu'un left:0 ferait l'affaire.
            D'autant plus que c'est une propriété destinée justement à un élément positionné.

            Autre chose, un float:right sur le <a> du footer.
            ok ça fait le boulot, mais pour éviter les éventuels problèmes d'un float, sortie du flux par exemple, tu peux tout simplement mettre text-align:right sur footer.

            Voilà
            En tous cas beau boulot, pour le moment je vote pour toi. ^^
            En même temps il n'y a que deux propositions et la deuxième c'est la mienne...

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

              Frogweb a écrit:

              Joli Dipeeh, joli design et beau code !

              Je vais quand même faire deux petites remarques parce que je suis un vieux titilleur ^^
              D'ailleurs si vous voyez des trucs moches dans mon code n'hésitez surtout pas, faire ce genre d'exercice c'est aussi et surtout pour progresser.

              Donc je disais deux petites remarques.
              Rien de "méchant" hein, juste un échange de point de vue entre dev ^^

              Sur footer tu mets width: 100%, qui n'est pas une bonne pratique, alors qu'un left:0 ferait l'affaire.
              D'autant plus que c'est une propriété destinée justement à un élément positionné.

              Autre chose, un float:right sur le <a> du footer.
              ok ça fait le boulot, mais pour éviter les éventuels problèmes d'un float, sortie du flux par exemple, tu peux tout simplement mettre text-align:right sur footer.

              Voilà
              En tous cas beau boulot, pour le moment je vote pour toi. ^^
              En même temps il n'y a que deux propositions et la deuxième c'est la mienne...



              Tu as parfaitement raison, surtout que ces deux propriétés étaient complètement inutiles, le right: 5% suffisant à placer correctement le footer :lol:

              Sinon, si tu votes pour moi, alors on est à 1 - 1 vu que j'ai voté pour toi, la compétition est rude ! :lol:

              • Partager sur Facebook
              • Partager sur Twitter
                10 juin 2016 à 18:34:48

                Dipeeh a écrit:

                Sinon, si tu votes pour moi, alors on est à 1 - 1 vu que j'ai voté pour toi, la compétition est rude ! :lol:

                :D

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

                  @Frogweb: On ne peut pas voter pour soi-même. Donc si j'ai bien saisie Frogweb vote pour Dipeeh, qui vote pour Frogweb (voteception...). :lol:

                  • Partager sur Facebook
                  • Partager sur Twitter

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

                    10 juin 2016 à 20:15:17

                    Il ya 3 pouces sur le slider de Dipeeh, apparemment il a plus de copains que moi.
                    Ou alors il a donné des pots-de-vin ^^

                    Plus honnêtement, c'est mérité.
                    moi je ne me suis même pas cassé la tête à chercher une belle font et un effet différent d'un simple glisser.

                    peu-être que j'aurais un point de plus pour les conneries que j'ai mis dans les figcaption ^^

                    -
                    Edité par Frogweb 10 juin 2016 à 20:17:35

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

                      Frogweb a écrit:

                               Ou alors il a donné des pots-de-vin ^^


                      Mais Gaspard dis pas tout quoi :-°
                      • Partager sur Facebook
                      • Partager sur Twitter
                        10 juin 2016 à 21:18:30

                        C'est bien, Avec des bavards comme nous le up se fait naturellement ^^
                        • Partager sur Facebook
                        • Partager sur Twitter
                        Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
                          10 juin 2016 à 21:21:30

                          Frogweb a écrit:

                          C'est bien, Avec des bavards comme nous le up se fait naturellement ^^


                          haha ça commence avec un tp slideshow et ça finit à faire des soirées :lol:
                          • Partager sur Facebook
                          • Partager sur Twitter
                            11 juin 2016 à 0:44:40

                            Frogweb a écrit:

                            Avec des bavards comme nous le up se fait naturellement

                            Alors soyons plus bâtard que jamais (En plus, moi qui est fan du Bâtard de Winterfall cf GOT) :lol: .

                            • Partager sur Facebook
                            • Partager sur Twitter

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

                              11 juin 2016 à 6:26:27

                              Mohack a écrit:

                              Frogweb a écrit:

                              Avec des bavards comme nous le up se fait naturellement

                              Alors soyons plus bâtard que jamais (En plus, moi qui est fan du Bâtard de Winterfall cf GOT) :lol: .

                              C'est bavard que j'ai écrit ^^

                              Voilà, un up pour remonter au dessus du spammeur fou...

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

                                Frogweb a écrit:

                                Mohack a écrit:

                                Frogweb a écrit:

                                Avec des bavards comme nous le up se fait naturellement

                                Alors soyons plus bâtard que jamais (En plus, moi qui est fan du Bâtard de Winterfall cf GOT) :lol: .

                                C'est bavard que j'ai écrit ^^

                                Voilà, un up pour remonter au dessus du spammeur fou...

                                matinal à ce que je vois (je viens de rentrer de soirée, bonne nuit)

                                • Partager sur Facebook
                                • Partager sur Twitter
                                  11 juin 2016 à 7:03:22

                                  Voilà, un up pour remonter au dessus du spammeur fou...

                                  Ya pas besoin, heing, il suffit de le signaler, et dès qu'un⋅e modo est debout iel s'en occupe :3 (genre, moi, là - d'ailleurs je vais me recoucher, en fait)(rappelez-moi de participer aussi à l'atelier)

                                  • Partager sur Facebook
                                  • Partager sur Twitter

                                  Pas d'aide concernant le code par MP, le forum est là pour ça :)

                                    11 juin 2016 à 8:24:43

                                    Lamecarlate a écrit:

                                    Voilà, un up pour remonter au dessus du spammeur fou...

                                    Ya pas besoin, heing, il suffit de le signaler, et dès qu'un⋅e modo est debout iel s'en occupe :3 (genre, moi, là - d'ailleurs je vais me recoucher, en fait)(rappelez-moi de participer aussi à l'atelier)

                                    Bonne nuit/journée Lamecarlate ^^

                                    Et on attends avec impatience ton slider !

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

                                      Bonjour tout le monde,

                                      Frogweb a écrit:

                                      C'est bavard que j'ai écris ^^

                                      J'avais lu les messages a 01h30 du soir . C'est normal que je me goure d'une lettre :lol: .

                                      Frogweb a écrit:

                                      Et on attends avec impatience ton slider !

                                      Si il y a bien une chose qu'on a en commun, c'est le fait qu'on aime voir les créations des autres :) .

                                      • Partager sur Facebook
                                      • Partager sur Twitter

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

                                        11 juin 2016 à 14:11:09

                                        Très bonne idée ce concours! Dommage qu'il n'y est pas plus de participant :(

                                        Entre les deux participants, j'ai une préférence pour le slideshow de Dipeeh, l'idée de l'image en 100% de large et 100% en hauteur me plait bien:) 

                                        • Partager sur Facebook
                                        • Partager sur Twitter
                                          11 juin 2016 à 14:48:29

                                          TheVisual_Play a écrit:

                                          Entre les deux participants, j'ai une préférence pour le slideshow de Dipeeh, l'idée de l'image en 100% de large et 100% en hauteur me plait bien:)

                                          Donc +1 vote pour lui...

                                          TheVisual_Play a écrit:

                                          Très bonne idée ce concours! Dommage qu'il n'y est pas plus de participant

                                          Toi tu pourrais participer non ? On attend ton slider avec impatience (comme le dirait Frogweb).

                                          -
                                          Edité par Mohack 11 juin 2016 à 14:58:15

                                          • Partager sur Facebook
                                          • Partager sur Twitter

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

                                            12 juin 2016 à 13:04:45

                                            Allez ne soyez pas timide, même si vous débutez.

                                            Au contraire, c'est un bon exercice.

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

                                              Salut, :)

                                              Je me joins au concours, je vais galérer je pense mais je veux trouver... :pirate:

                                              Bryan.

                                              • Partager sur Facebook
                                              • Partager sur Twitter
                                              Anonyme
                                                14 juin 2016 à 17:17:19

                                                Re, :)

                                                Pour l'instant j'ai réussi à faire le carroussel mais avec des valeurs fixes, je continue à le bosser plus tard. ^^

                                                Question : Pour quelqu'un qui n'a aucun serveur tel que moi, il peut mettre un lien de téléchargement de l'HTML et du CSS au lieu du site directement ? ':S

                                                • Partager sur Facebook
                                                • Partager sur Twitter
                                                  14 juin 2016 à 17:40:46

                                                  Brynanum a écrit:

                                                  Re, :)

                                                  Pour l'instant j'ai réussi à faire le carroussel mais avec des valeurs fixes, je continue à le bosser plus tard. ^^

                                                  Question : Pour quelqu'un qui n'a aucun serveur tel que moi, il peut mettre un lien de téléchargement de l'HTML et du CSS au lieu du site directement ? ':S


                                                  Soit tu m'envoies le code par message privé, soit tu le mets sur codepen.io par exemple.
                                                  • Partager sur Facebook
                                                  • Partager sur Twitter
                                                  Anonyme
                                                    14 juin 2016 à 20:52:46

                                                    Pas de problème, je te posterai le code sur codepen.io ;)
                                                    • Partager sur Facebook
                                                    • Partager sur Twitter
                                                      15 juin 2016 à 18:49:08

                                                      Bonsoir,

                                                      je suis en manque d'idée (ou en manque de compétences !) :), mais voila ma proposition:

                                                      http://codepen.io/Koshiro/full/EyPejM/

                                                      Bonne soirée !

                                                      -
                                                      Edité par Chikuma Koshiro 15 juin 2016 à 18:50:38

                                                      • Partager sur Facebook
                                                      • Partager sur Twitter
                                                        15 juin 2016 à 18:51:09

                                                        Chikuma Koshiro a écrit:

                                                        Bonsoir,

                                                        je suis en manque d'idée (ou en manque de compétences !) :), mais voila ma proposition:

                                                        http://codepen.io/Koshiro/full/EyPejM/

                                                        Bonne soirée !


                                                        Pas mal le changement de direction :)
                                                        • Partager sur Facebook
                                                        • Partager sur Twitter
                                                          15 juin 2016 à 18:56:45

                                                          Merci, mais en fait, au départ, j'avais pas du tout cette idée la !!

                                                          Mais bon, c'est pas si mal, après tout ! :)

                                                          • Partager sur Facebook
                                                          • Partager sur Twitter
                                                            15 juin 2016 à 20:05:38

                                                            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

                                                            • 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