Bonjour !

J'ai beau chercher, je ne vois pas de bouton "télécharger" sur la page https://schnaps.it/. Smiley confused

Quand je sélectionne un modèle, j'ai bien un tableau qui apparaît, qui me permet de voir le code et le résultat, mais je ne vois pas comment récupérer les fichiers.
Administrateur
Hello,

Le template s'affiche avec des onglets pour voir et récupérer le code HTML et CSS. Tu peux les copier-coller dans les fichiers de ton propre projet.
Il y a aussi un bouton "edit in codepen" ou tu peux directement modifier les valeurs et les contenus.

upload/1616655573-1-schnaps.png
@Raphael

Merci pour la réponse.

En passant par CodePen, je peux télécharger les fichiers (bouton "export"). Mais le contenu des fichiers n'est pas exactement le même. C'est normal ?

Le code que j'ai copié sur la page schnaps.it commence comme ça :

<!doctype html>
<html lang="fr">

<head>
  <meta charset="UTF-8">
  <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Titre du document</title>
  <link rel="stylesheet" href="css/styles.css" media="all">
</head>


Il n'y a pas de lien vers le fichier reset.css.

Le fichier exporté à partir de CodePen, lui, commence comme ça :

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - Gabarit 03</title>
  <link rel='stylesheet' href='https://schnaps.it/archive/css/reset.css'><link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<!doctype html>
<html lang="fr">

<head>
  <meta charset="UTF-8">
  <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Titre du document</title>
  <link rel="stylesheet" href="css/styles.css" media="all">
</head>


Il y a quelque chose qui m'échappe...
Administrateur
Ah oui en effet, on dirait que Codepen ajoute un pré-header inutile (j'avoue que je n'avais jamais tenté d'exporter du codepen).

Le fichier Reset n'est pas censé être utile pour les templates, il ne fait qu'apporter un peu de décoration aux éléments, mais si tu veux absolument le récupérer il se trouve à cette adresse : https://schnaps.it/archive/css/reset.css