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: 7375980" data-attributes="member: 315249"><p>Ça m'a littéralement pris 15 minutes donc en 1 heure tu aurais eu le temps de comprendre <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>J'ai juste fait un copier/coller de ce qui était écrit ici: <a href="https://kenwheeler.github.io/slick/" target="_blank">https://kenwheeler.github.io/slick/</a></p><p></p><p>Je te conseille de télécharger leur librairie plutôt que d'utiliser les liens "<a href="https://kenwheeler.github.io/" target="_blank">https://kenwheeler.github.io/</a>" que j'ai utilisé dans le code, on sait jamais si un jour elle n'est plus en ligne <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite351" alt=";)" title="Clin d'oeil ;)" loading="lazy" data-shortname=";)" /></p><p>Derien <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite375" alt=":trollface:" title="Trollface :trollface:" loading="lazy" data-shortname=":trollface:" /></p><p>[HTML]</p><p><!DOCTYPE html></p><p><html></p><p> <head></p><p> <title>Trop simple</title></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> </head></p><p> </p><p> <body></p><p> <div class="container"></p><p> <div class="staff-box"></p><p> <div class="staff"></p><p> <img src="https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png" class="staff-avatar" alt="Default avatar" /></p><p> </p><p> <span class="staff-username">Paul GTP</span></p><p> <span class="staff-rank">Légende vivante</span></p><p> </p><p> <p class="staff-description">Paul GTP est une légende vivante. Le HTML/CSS est beaucoup trop simple pour lui, c'est pour cela qu'il décida de partir coloniser la Lune.</p></p><p> </div></p><p> </p><p> <div class="staff"></p><p> <img src="https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png" class="staff-avatar" alt="Default avatar" /></p><p> </p><p> <span class="staff-username">Paul GTP</span></p><p> <span class="staff-rank">Légende vivante</span></p><p> </p><p> <p class="staff-description">Paul GTP est une légende vivante. Le HTML/CSS est beaucoup trop simple pour lui, c'est pour cela qu'il décida de partir coloniser la Lune.</p></p><p> </div></p><p> </p><p> <div class="staff"></p><p> <img src="https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png" class="staff-avatar" alt="Default avatar" /></p><p> </p><p> <span class="staff-username">Paul GTP</span></p><p> <span class="staff-rank">Légende vivante</span></p><p> </p><p> <p class="staff-description">Paul GTP est une légende vivante. Le HTML/CSS est beaucoup trop simple pour lui, c'est pour cela qu'il décida de partir coloniser la Lune.</p></p><p> </div></p><p> </p><p> <div class="staff"></p><p> <img src="https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png" class="staff-avatar" alt="Default avatar" /></p><p> </p><p> <span class="staff-username">Paul GTP</span></p><p> <span class="staff-rank">Légende vivante</span></p><p> </p><p> <p class="staff-description">Paul GTP est une légende vivante. Le HTML/CSS est beaucoup trop simple pour lui, c'est pour cela qu'il décida de partir coloniser la Lune.</p></p><p> </div></p><p> </p><p> <div class="staff"></p><p> <img src="https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png" class="staff-avatar" alt="Default avatar" /></p><p> </p><p> <span class="staff-username">Paul GTP</span></p><p> <span class="staff-rank">Légende vivante</span></p><p> </p><p> <p class="staff-description">Paul GTP est une légende vivante. Le HTML/CSS est beaucoup trop simple pour lui, c'est pour cela qu'il décida de partir coloniser la Lune.</p></p><p> </div></p><p> </p><p> <div class="staff"></p><p> <img src="https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png" class="staff-avatar" alt="Default avatar" /></p><p> </p><p> <span class="staff-username">Paul GTP</span></p><p> <span class="staff-rank">Légende vivante</span></p><p> </p><p> <p class="staff-description">Paul GTP est une légende vivante. Le HTML/CSS est beaucoup trop simple pour lui, c'est pour cela qu'il décida de partir coloniser la Lune.</p></p><p> </div></p><p> </p><p> <div class="staff"></p><p> <img src="https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png" class="staff-avatar" alt="Default avatar" /></p><p> </p><p> <span class="staff-username">Paul GTP</span></p><p> <span class="staff-rank">Légende vivante</span></p><p> </p><p> <p class="staff-description">Paul GTP est une légende vivante. Le HTML/CSS est beaucoup trop simple pour lui, c'est pour cela qu'il décida de partir coloniser la Lune.</p></p><p> </div></p><p> </p><p> <div class="staff"></p><p> <img src="https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png" class="staff-avatar" alt="Default avatar" /></p><p> </p><p> <span class="staff-username">Paul GTP</span></p><p> <span class="staff-rank">Légende vivante</span></p><p> </p><p> <p class="staff-description">Paul GTP est une légende vivante. Le HTML/CSS est beaucoup trop simple pour lui, c'est pour cela qu'il décida de partir coloniser la Lune.</p></p><p> </div></p><p> </div></p><p> </div></p><p> </p><p> <style></p><p> body {</p><p> background: #000;</p><p> }</p><p> </p><p> .container {</p><p> margin: 0 auto;</p><p> width: 750px;</p><p> }</p><p> </p><p> .staff {</p><p> width: 180px;</p><p> margin: 0px 10px;</p><p> padding: 10px;</p><p> text-align: center;</p><p> }</p><p> </p><p> .staff-avatar {</p><p> width: 100%;</p><p> height: auto;</p><p> }</p><p> </p><p> .staff-username {</p><p> color: #F9A600;</p><p> font-weight: bold;</p><p> }</p><p> </p><p> .staff-username::before {</p><p> content: '☆';</p><p> }</p><p> </p><p> .staff-rank {</p><p> display: block;</p><p> color: red;</p><p> font-weight: bold;</p><p> }</p><p> </p><p> .staff-description {</p><p> color: #cbcbcb;</p><p> font-size: 12px;</p><p> font-style: italic;</p><p> }</p><p> </style></p><p> </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> </body></p><p></html></p><p>[/HTML]</p></blockquote><p></p>
[QUOTE="Paul GTP, post: 7375980, member: 315249"] Ça m'a littéralement pris 15 minutes donc en 1 heure tu aurais eu le temps de comprendre (d) J'ai juste fait un copier/coller de ce qui était écrit ici: [URL]https://kenwheeler.github.io/slick/[/URL] Je te conseille de télécharger leur librairie plutôt que d'utiliser les liens "[URL]https://kenwheeler.github.io/[/URL]" que j'ai utilisé dans le code, on sait jamais si un jour elle n'est plus en ligne ;) Derien :troll: [HTML] <!DOCTYPE html> <html> <head> <title>Trop simple</title> <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" /> </head> <body> <div class="container"> <div class="staff-box"> <div class="staff"> <img src="https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png" class="staff-avatar" alt="Default avatar" /> <span class="staff-username">Paul GTP</span> <span class="staff-rank">Légende vivante</span> <p class="staff-description">Paul GTP est une légende vivante. Le HTML/CSS est beaucoup trop simple pour lui, c'est pour cela qu'il décida de partir coloniser la Lune.</p> </div> <div class="staff"> <img src="https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png" class="staff-avatar" alt="Default avatar" /> <span class="staff-username">Paul GTP</span> <span class="staff-rank">Légende vivante</span> <p class="staff-description">Paul GTP est une légende vivante. Le HTML/CSS est beaucoup trop simple pour lui, c'est pour cela qu'il décida de partir coloniser la Lune.</p> </div> <div class="staff"> <img src="https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png" class="staff-avatar" alt="Default avatar" /> <span class="staff-username">Paul GTP</span> <span class="staff-rank">Légende vivante</span> <p class="staff-description">Paul GTP est une légende vivante. Le HTML/CSS est beaucoup trop simple pour lui, c'est pour cela qu'il décida de partir coloniser la Lune.</p> </div> <div class="staff"> <img src="https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png" class="staff-avatar" alt="Default avatar" /> <span class="staff-username">Paul GTP</span> <span class="staff-rank">Légende vivante</span> <p class="staff-description">Paul GTP est une légende vivante. Le HTML/CSS est beaucoup trop simple pour lui, c'est pour cela qu'il décida de partir coloniser la Lune.</p> </div> <div class="staff"> <img src="https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png" class="staff-avatar" alt="Default avatar" /> <span class="staff-username">Paul GTP</span> <span class="staff-rank">Légende vivante</span> <p class="staff-description">Paul GTP est une légende vivante. Le HTML/CSS est beaucoup trop simple pour lui, c'est pour cela qu'il décida de partir coloniser la Lune.</p> </div> <div class="staff"> <img src="https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png" class="staff-avatar" alt="Default avatar" /> <span class="staff-username">Paul GTP</span> <span class="staff-rank">Légende vivante</span> <p class="staff-description">Paul GTP est une légende vivante. Le HTML/CSS est beaucoup trop simple pour lui, c'est pour cela qu'il décida de partir coloniser la Lune.</p> </div> <div class="staff"> <img src="https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png" class="staff-avatar" alt="Default avatar" /> <span class="staff-username">Paul GTP</span> <span class="staff-rank">Légende vivante</span> <p class="staff-description">Paul GTP est une légende vivante. Le HTML/CSS est beaucoup trop simple pour lui, c'est pour cela qu'il décida de partir coloniser la Lune.</p> </div> <div class="staff"> <img src="https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png" class="staff-avatar" alt="Default avatar" /> <span class="staff-username">Paul GTP</span> <span class="staff-rank">Légende vivante</span> <p class="staff-description">Paul GTP est une légende vivante. Le HTML/CSS est beaucoup trop simple pour lui, c'est pour cela qu'il décida de partir coloniser la Lune.</p> </div> </div> </div> <style> body { background: #000; } .container { margin: 0 auto; width: 750px; } .staff { width: 180px; margin: 0px 10px; padding: 10px; text-align: center; } .staff-avatar { width: 100%; height: auto; } .staff-username { color: #F9A600; font-weight: bold; } .staff-username::before { content: '☆'; } .staff-rank { display: block; color: red; font-weight: bold; } .staff-description { color: #cbcbcb; font-size: 12px; font-style: italic; } </style> <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> </body> </html> [/HTML] [/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