Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Quoi de neuf
Nouveaux messages
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
Développement
Questions, aides et recherches
Recherche un dev web pour création d'un block
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="Paul GTP" data-source="post: 7376251" data-attributes="member: 315249"><p>Alors là je peux pas + t'aider je pense, je t'ai fait un truc passe partout <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite353" alt="D:" title="Sad D:" loading="lazy" data-shortname="D:" /></p><p>Tu dois copier ceci dans tes balises <head></head></p><p>[HTML]</p><p><link rel="stylesheet" href="https://kenwheeler.github.io/slick/slick/slick.css" /></p><p><link rel="stylesheet" href="https://kenwheeler.github.io/slick/slick/slick-theme.css" /></p><p>[/HTML]</p><p>Mettre ceci tout avant la fin du </body></p><p>[HTML]</p><p><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script></p><p><script type="text/javascript" src="https://kenwheeler.github.io/slick/slick/slick.min.js"></script></p><p><script></p><p>$(document).ready(function(){</p><p> $('.staff-box').slick({</p><p> dots: true,</p><p> infinite: false,</p><p> speed: 300,</p><p> slidesToShow: 4,</p><p> slidesToScroll: 4,</p><p> responsive: [</p><p> {</p><p> breakpoint: 1024,</p><p> settings: {</p><p> slidesToShow: 3,</p><p> slidesToScroll: 3,</p><p> infinite: true,</p><p> dots: true</p><p> }</p><p> },</p><p> {</p><p> breakpoint: 600,</p><p> settings: {</p><p> slidesToShow: 2,</p><p> slidesToScroll: 2</p><p> }</p><p> },</p><p> {</p><p> breakpoint: 480,</p><p> settings: {</p><p> slidesToShow: 1,</p><p> slidesToScroll: 1</p><p> }</p><p> }</p><p> ]</p><p> });</p><p>});</p><p></script></p><p>[/HTML]</p><p>Comme le code JavaScript l'indique, le carousel se fait sur la class ".staff-box", il faut donc que tu crée un carousel en te servant de la classe staff-box.</p><p>[HTML]</p><p><div class="staff-box"></p><p>{ton code ici}</p><p></div></p><p>[/HTML]</p><p>Je t'ai même fourni un code HTML d'exemple avec du code CSS d'exemple que tu peux intégrer où tu veux sur ton site <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite129" alt=":d:" title="Regard de travers :d:" loading="lazy" data-shortname=":d:" /></p><p></p><p>Tu n'as pas du tout de connaissances en HTML/CSS ? <img src="/data/assets/smilies/mmh.gif" class="smilie" loading="lazy" alt=":mmh:" title="Mmh :mmh:" data-shortname=":mmh:" /></p><p>Si tu n'y arrive pas d'autre t'aideront, moi j'ai donné ce que j'avais à donner <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite352" alt=":xD:" title="xD :xD:" loading="lazy" data-shortname=":xD:" /></p></blockquote><p></p>
[QUOTE="Paul GTP, post: 7376251, member: 315249"] Alors là je peux pas + t'aider je pense, je t'ai fait un truc passe partout D: Tu dois copier ceci dans tes balises <head></head> [HTML] <link rel="stylesheet" href="https://kenwheeler.github.io/slick/slick/slick.css" /> <link rel="stylesheet" href="https://kenwheeler.github.io/slick/slick/slick-theme.css" /> [/HTML] Mettre ceci tout avant la fin du </body> [HTML] <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript" src="https://kenwheeler.github.io/slick/slick/slick.min.js"></script> <script> $(document).ready(function(){ $('.staff-box').slick({ dots: true, infinite: false, speed: 300, slidesToShow: 4, slidesToScroll: 4, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); }); </script> [/HTML] Comme le code JavaScript l'indique, le carousel se fait sur la class ".staff-box", il faut donc que tu crée un carousel en te servant de la classe staff-box. [HTML] <div class="staff-box"> {ton code ici} </div> [/HTML] Je t'ai même fourni un code HTML d'exemple avec du code CSS d'exemple que tu peux intégrer où tu veux sur ton site (d) Tu n'as pas du tout de connaissances en HTML/CSS ? :mmh: Si tu n'y arrive pas d'autre t'aideront, moi j'ai donné ce que j'avais à donner :xD: [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
Questions, aides et recherches
Recherche un dev web pour création d'un block
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut