L'original de cet article a été supprimé sur sa branche d'origine..
Guide de Formatage d'Articles de djkaktus
1ère Édition
Tiens, salut, mon grand. Je ne t'ai pas vu entrer. Non, non, je t'en prie, assieds-toi - ça ne sera pas long, promis. Oui, sers-toi à boire, fais comme chez toi. C'est là pour ça. Moi ? Je suis plutôt un amateur de tequila.
Si je t'ai demandé de venir ici aujourd'hui, c'est parce que je sais que tu t'intéresses aux styles de mise en page et aux modèles d'images qu'utilise le très acclamé par la critique et méprisé de tous, auteur de la Fondation SCP, djkaktus. Tu n'es décidément pas le premier - les traducteurs les réclament depuis des années. Comment est-ce que je le sais ? Eh bien, vois-tu, je suis djkaktus. Curieux, n'est-ce pas. Tu pensais sans doute que j'étais une personne plus apte à en parler que moi je ne le suis déjà. Eh bien, je plaisantais.
Enfin bref, j'ai décidé de rédiger un guide de mise en page d'articles - du moins, de mise en page d'articles dans le style djkaktus. Je ne sais combien de fois je vais encore contribuer à cet endroit, mais je voulais au moins m'assurer que ces outils dont tout le monde parlait depuis si longtemps soient remis entre les mains des utilisateurs. Je continuerai d'ajouter des choses ici jusqu'à ce que je n'aie plus rien à ajouter.
Utilise-les à bon escient. Puissent ces outils et le temps que tu passes ici t'apporter plus de bonheur qu'ils ne m'ont jamais apporté.
Cette première section contient quelques éléments importants de ce que j'appelle l'en-tête de l'article. Ses codes sont affichés ci-dessous :
Ça permet en 1) de résoudre le problème d'espacement des notes de bas de page Wikidot, en 2) de faire apparaître les deux premières images d'en-tête : avertissement.png et classifié.png, et en 3) de faire apparaître l'en-tête principale panoramique, en-tête.png. Les modèles des deux premières images seront disponibles dans les fichiers de cette page, la troisième image (en-tête.png), quant à elle, est simplement d'une image de 700x185px de ton choix.
Cette image a une taille de 700x185px.
avertissement.png est assez simple d'utilisation - si tu veux classifier quelque chose et que tu as une bonne raison de le faire, c'est là que tu pourras l'expliciter. classifié.png peut comporter jusqu'à six chevrons que tu peux cacher ou afficher en fonction de la manière dont tu vas les utiliser.
Tu auras besoin des polices HELVETICA NEUE LT PRO et LIBERATION SANS. Je les inclurai également dans les fichiers de cette page.
Procédures de Confinement Spéciales : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique massa et faucibus placerat. Vivamus a lectus nulla. In scelerisque, turpis eu ullamcorper ultricies, leo eros consectetur dui, eget convallis enim felis id lorem. Nullam quis enim eget tellus suscipit malesuada eget eu sem. Phasellus faucibus, metus feugiat eleifend auctor, nisl dui dapibus nisl, sit amet ultricies lectus enim a turpis. Proin ut faucibus urna. Cras quis fermentum arcu. Aliquam ornare, ex at finibus consequat, lacus lectus finibus arcu, id pretium eros sem eget elit. Nunc ante justo, aliquam a sem non, aliquet porttitor sem. Quisque congue, massa eu bibendum convallis, mi mi lacinia dui, vitae volutpat nunc nisi et metus.
Nunc egestas eros id mi suscipit, eu condimentum lectus interdum. Mauris sed commodo urna, a venenatis dolor. Nunc tempor justo at tortor ultricies, non fermentum lacus cursus. Donec interdum semper nisl id vulputate. In maximus metus nisl, vitae molestie metus lacinia at. Duis cursus et turpis sed pellentesque. Etiam dolor eros, rutrum vitae laoreet et, condimentum vel magna.
Voici un bon emplacement pour mettre une deuxième image en haut de page, comme celles que tu peux voir sur de nombreux articles. Vivement recommandé.
Description : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras accumsan nisl eget justo tempor, non faucibus ante iaculis. Nulla pretium dui ac turpis suscipit, nec pretium leo auctor. Donec maximus est est, nec feugiat libero mollis at. Curabitur vel tincidunt turpis. Etiam eu risus eu risus pulvinar ultrices. Morbi egestas massa eget eleifend ornare. Duis sed est quis odio facilisis consectetur. Aliquam condimentum eleifend luctus.
Donec auctor augue at enim elementum auctor. Fusce enim est, eleifend vel varius in, semper at purus. Maecenas lobortis felis nec nibh sollicitudin rhoncus. Etiam id dui mattis, consectetur erat ac, faucibus odio. Vivamus ipsum erat, porta in velit eget, tempus imperdiet erat. Donec odio sapien, luctus sed aliquam sed, sodales a ipsum. Morbi tempus dui ut mi porttitor tincidunt. Nulla ut tortor porttitor, porttitor eros in, tempor felis. Nullam fermentum feugiat erat vitae hendrerit. Sed orci nisl, pulvinar eu imperdiet eu, semper id magna. Aenean porttitor laoreet massa ac dictum.
Integer et efficitur mi. Suspendisse finibus justo eget eros porttitor, eget sollicitudin purus euismod. Aliquam erat volutpat. Aenean nec tristique neque. Pellentesque imperdiet augue a vulputate viverra. Duis porttitor auctor fermentum. Duis imperdiet quis diam in molestie. Suspendisse potenti. Suspendisse molestie libero mauris, sed consequat leo aliquam vitae. Pellentesque varius vestibulum sapien, in placerat sapien ultricies et. Curabitur quis erat id turpis rhoncus tincidunt. Maecenas tortor erat, rhoncus blandit ipsum sed, aliquam finibus odio. Aliquam erat volutpat.
Addendum 0001.1 : Découverte
Ton nombre d'addenda peut varier, mais j'ai tendance à les structurer de la façon suivante :
- Découverte
- Première Interview
- Documents Collectés
- Journaux de Tests
- Journaux d'Exploration
- Journaux d'Exploration
- Journaux d'Exploration
- Journaux d'Exploration
- Interviews/Documents Collectés Supplémentaires
Par ailleurs, si tu veux continuer à utiliser les chevrons (>) pour créer des parties de texte cité, je ne t'en voudrais pas. Cependant, je trouve que le bloc div qui suit est tout aussi bon (s'il n'est pas meilleur, parce que tu peux insérer des images dans le bloc sans le casser) :
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum quis nulla neque. Pellentesque non rutrum ante, condimentum congue nisl. Etiam scelerisque nulla et ex vulputate, at eleifend velit pharetra. Donec ac lacinia turpis, vel blandit mi. Nulla efficitur magna eu leo viverra blandit. Morbi sit amet leo fringilla, interdum felis nec, tincidunt magna. Ut finibus enim nec orci egestas, aliquet semper erat ultrices. Pellentesque consectetur felis vel erat rutrum consectetur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In fermentum ante et tellus interdum, mollis sagittis urna efficitur. Morbi rutrum imperdiet ultrices. Maecenas semper massa gravida, feugiat lacus eget, porttitor risus. Aenean condimentum velit eu nibh venenatis, in aliquam nibh bibendum.
Addendum 0001.2 : Première Interview
Si tu as aimé les interviews des articles comme SCP-4444, alors tu vas adorer la prochaine section. Leur code se trouve dans le bloc ci-dessous.
Transcription d'Enregistrement Audio Interne
En présence de :
- Directeur Régional de la Fondation SCP Dr Carlos Kalinin
- Directeur Régional de la Fondation SCP Dr Armen Day
- Directeur Régional de la Fondation SCP Dr Tilda Leylan
- Directeur Régional de la Fondation SCP Dr Jacob Conwell
- Directeur Régional de la Fondation SCP Dr Karlyle Aktus
[SCP] Directeur Day : bites bites bites bites bites bites bites bites bites bites bites bites bites bites bites bites bites.
[SCP] Directeur Conwell : En effet.
C'est tout pour l'instant. Comme je l'ai dit plus tôt, je continuerai d'ajouter des choses au fur et à mesure qu'on me les demandera et je créerai de nouveaux addenda ici pour en parler. Aussi, toutes les images et les fichiers .pdfs dont tu auras besoin pour créer cette page seront inclus dans les fichiers ci-dessous, alors n'oublie pas d'aller les voir.
Pour finir, ce style de mise en page m'a bien servi au cours de ces dernières années - mais c'est le mien, construit au fil du temps au gré des essais et des erreurs. Il est utile, mais tu trouveras peut-être quelque chose demain qui fera changer la tendance. J'ai déjà vu des exemples de mise en page et des choix stylistiques auxquels j'aurais aimé penser en premier. Alors, emporte ces informations avec toi et fonce, fais-les tiennes.
Tu vas devenir génial.
Amicalement,
