Ressources de style SCP

Bonjour et bienvenue !

Ceci a pour but d’être une base de données facile d’accès de type 'copier-coller' de formats alternatifs pour les documents SCP, du même genre que les guides de styles des Groupes d’Intérêts pour leurs formats respectifs. Si vous cherchez de l’aide pour le formatage Wikidot basique, allez voir la Syntaxe Wikidot. Pour du code plus avancé, allez voir le guide du formatage avancé.

Afin d’accumuler plusieurs types de formats différents, ceci restera ouvert à la collaboration. Faites attention à bien respecter le format de présentation.

Note : Ceci n’a pas pour but d’être une liste exhaustive. Ces formats ne sont pas obligatoires. Les utilisateurs sont encouragés à se diversifier et à expérimenter avec tous les formats avec lesquels ils sont le plus confortables.

Modèle d'article basique

[[>]]
[[module Rate]]
[[/>]]

**Objet # :** SCP-XXXX

**Classe :** Sûr/Euclide/Keter (préciser quelle classe)

**Procédures de Confinement Spéciales :** [Paragraphes expliquants les procédures]

**Description :** [Paragraphes expliquants la description]

**Addendum :** [Paragraphes additionnels optionnels]

Modèle d'Interview

> **Interviewé :** [La personne, les personnes ou le SCP qui sont interviewés]
> 
> **Interviewer :** [Interviewer, peut être censuré avec des █]
> 
> **Avant-propos :** [Court passage décrivant l’interview]
> 
> **<Début de l’enregistrement, [donnée temporelle optionnelle]>**
> 
> **Interviewer :** [dialogue]
> 
> **Personne :** [dialogue]
> 
> [Répéter autant que nécessaire]
> 
> **<Fin de l’enregistrement, [donnée temporelle optionnelle]>**
> 
> **Conclusion :** [Court résumé et passage sur les événements qui suivirent]

Note : Lorsque vous insérez des blocs de citations avec le symbole >, faite attention à laisser un espace après chaque > que vous utilisez, sinon votre texte ne s’affichera pas comme un bloc de citations.

Formats de Journaux de Tests :

Option 1¹

À quoi ça ressemble :

TITRE DU TEST MACHIN
Sujet	DONNÉES ICI
Protocole	DONNÉES ICI
Résultats	DONNÉES ICI

Ce qu’il faut copier :

+ show block

[[table  style="border-collapse:collapse; max-width: 600px;"]]
[[row]]
[[cell style="font-weight:bold;padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver; width: 20%;"]]
TITRE DU TEST MACHIN
[[/cell]]
[[cell style="font-weight:bold; padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver;"]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
Sujet
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
DONNÉES ICI
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
Protocole
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
DONNÉES ICI
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; border: 1px solid black"]]
Résultats
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
DONNÉES ICI
[[/cell]]
[[/row]]
[[/table]]

---

Option 2²

À quoi ça ressemble :

Date	DONNÉES	Effets	Notes
DATE	DONNÉES	EFFETS	NOTES
DATE	DONNÉES	EFFETS	NOTES
DATE	DONNÉES	EFFETS	NOTES
DATE	DONNÉES	EFFETS	NOTES
DATE	DONNÉES	EFFETS	NOTES
DATE	DONNÉES	EFFETS	NOTES

Ce qu’il faut copier :

+ show block

[[table style="border: 1px solid silver"]]
[[row]]
[[hcell style="border: 1px solid silver"]]
Date
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
DONNÉES
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
Effets
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
Notes
[[/hcell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DATE
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DONNÉES
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFFETS
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTES
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DATE
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DONNÉES
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFFETS
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTES
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DATE
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DONNÉES
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFFETS
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTES
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DATE
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DONNÉES
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFFETS
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTES
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DATE
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DONNÉES
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFFETS
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTES
[[/cell]]
[[/row]]
[[/table]]

Formats d’enregistrements Audio/Vidéo :

Option 1³

À quoi ça ressemble :

Retranscription vidéo d’un journal d’exploration

Date : OPTIONEL

Équipe d’exploration : NOM DE L’ÉQUIPE - OPTIONEL

Sujet : ZONE/ANOMALIE - OPTIONEL

Chef d’équipe : OPTIONEL

Membres de l’équipe : OPTIONEL

---

[DÉBUT DE LA RETRANSCRIPTION]

Personne A : Dialogue

Personne B : Dialogue

DES TRUCS SE PRODUISENT

Personne A : Dialogue

[FIN DE LA RETRANSCRIPTION]

Ce qu’il faut copier :

+ show block

[[div style="display: inline-block; border-radius: 10px; border:dashed 1px #444444; background:#F5F5F5; float:top; width:96.5%; padding:10px"]]
**Retranscription vidéo d’un journal d’exploration**

**Date :** OPTIONEL

**Équipe d’exploration :** NOM DE L’ÉQUIPE - OPTIONEL

**Sujet :** ZONE/ANOMALIE - OPTIONEL

**Chef d’équipe :** OPTIONEL

**Membres de l’équipe :** OPTIONEL
-----

[DÉBUT DE LA RETRANSCRIPTION]

**Personne A :** Dialogue

**Personne B :** Dialogue

//DES TRUCS SE PRODUISENT//

**Personne A :** Dialogue

[FIN DE LA RETRANSCRIPTION]

[[/div]]

---

Option 2⁴

À quoi ça ressemble :

ENREGISTREMENT VIDÉO

---

DATE :

NOTE :

---

[DÉBUT DE L’ENREGISTREMENT]

HEURE : ÉVÉNEMENT

HEURE : ÉVÉNEMENT

HEURE : ÉVÉNEMENT

---

[FIN DE L’ENREGISTREMENT]

Astuce ! Ce style copie les blocs de citations que vous voyez sur le site (le formatage basique de wikidot utilisant des lignes commençant par "> "), mais fonctionne mieux avec les images.

Ce qu’il faut copier :

+ show block

[[div style="display: inline-block; border:dashed 1px #999999; background:#F5F5F5; float:center; width:84%; padding:1px 15px; margin: 10px 10px 10px 40px"]]
= **ENREGISTREMENT VIDÉO**
----
**DATE :** 

**NOTE :** 
----

[DÉBUT DE L’ENREGISTREMENT]

**HEURE :** ÉVÉNEMENT

**HEURE :** ÉVÉNEMENT

**HEURE :** ÉVÉNEMENT

-----

[FIN DE L’ENREGISTREMENT]

[[/div]]

---

Option 3⁵

Pour une apparence de type ordinateur.

À quoi ça ressemble :

| DÉTAILS
| DÉTAILS
| DÉTAILS
| DÉTAILS
| DÉTAILS

TEXTE TEXTE TEXTE
ENCORE DU TEXTE

ENCORE

ET ENCORE

ET TOUJOURS PLUS DE TEXTE A LIRE

Ce qu’il faut copier :

+ show block

IMPORTANT : Cette partie doit être mise en haut de la page.

[[module css]]
.footnoteref{
color: #FF5555;
}
.danke{
padding: 5px 5px 5px 15px;
margin-bottom:10px;
width: 100%;
font-family: monospace;
font-size: 1.1em; }

.agent{
background-color:#002200;
border: 3px solid #55AA55;
color: #77CC77;
}

.site{
background-color:#222200;
border: 3px solid #AAAA55;
color: #DDDD77;
}
[[/module]]

IMPORTANT : Cette partie se met là où vous voulez que le bloc apparaisse.

[[div class="danke agent"]]
| DÉTAILS
| DÉTAILS
| DÉTAILS
| DÉTAILS
| DÉTAILS

TEXTE TEXTE TEXTE
ENCORE DU TEXTE

ENCORE

ET ENCORE

ET TOUJOURS PLUS DE TEXTE A LIRE
[[/div]]

Astuce ! Remplacez 'danke agent' par 'danke site' pour obtenir un fond d’une autre couleur (jaune).

Option 4:

LES TRUCS VONT ICI

+ show block

[[div style="background: gray; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]

[[div style="background: white; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]

LES TRUCS VONT ICI

[[/div]]
[[/div]]

Option 5⁶

À quoi ça ressemble :

ET ENCORE !

h1

h2

h3

h4

h5

h6

texte
encore du texte

encore[]

Ce qu’il faut copier :

+ show block

IMPORTANT : Cette partie doit être mise en haut de la page.

[[module CSS]]
.containercontainer {position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;}.containercontainer .container .overlay {background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 50px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;text-align: center;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.overlayback {background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.containercontainer .container {text-align: center;width: inherit;height: inherit;position: relative;overflow: hidden;}.containercontainer .container::after {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;animation: flicker 0.15s infinite;}.containercontainer .container::before {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;}.no-unfold {text-align: center;}.container h1,.container h2,.container h3,.container h5,.container h6 {color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;}.container hr {border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;}.container hr:after {display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;}.blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
[[/module]]

IMPORTANT : Cette partie se met là où vous voulez que le bloc apparaisse.

[[div class="no-unfold"]]
[[div class="containercontainer"]]
[[div class="container"]]
+* [!-- DO NOT ERASE THIS "+*". --]
[[span_ class="overlay"]]
ET ENCORE !
[[/span]]
[[div_ class="overlayback"]]
[[/div]]

+* h1
++* h2
+++* h3
++++* h4
+++++* h5
++++++* h6
texte
encore du texte

encore[[span class="blinkbar"]][][[/span]]

[[/div]]
[[/div]]
[[/div]]

Option 6⁷

À quoi ça ressemble :

▶PLAY

la première ligne
la deuxième ligne
la dernière ligne
TEXTE
PLUS DE TEXTE

Ce qu’il faut copier :

+ show block

IMPORTANT :

• Cette partie doit être mise en haut de la page.
• Lorsque vous voulez ajouter de nouveaux "enregistrements", ajoutez de nouvelles "options" comme sur le format suivant.
  • .r3 {animation-delay: 9s;}
    .r4 {animation-delay: 12s;}

[[module CSS]]
/* //// Lorsque vous voulez ajouter de nouveaux "enregistrements", //// */
/* //// ajoutez de nouvelles "options" comme sur le format suivant. //// */
.r1 {animation-delay: 3s;}
.r2 {animation-delay: 6s;}

.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link
{animation-delay: calc(6s + 2s);}

.tape-record {position: relative;height: 6em;overflow: hidden;white-space: pre;}.record {position: absolute;animation-name: record;animation-duration: 2.5s;opacity: 0;top: 0;left: 50%;transform: translateX(-50%);}.line2 {top: 1.2em!important;}.line3 {top: 2.4em!important;}.tape-wrap {position: relative;background-color: rgba(244,244,244,1);border: 1px dashed #999;padding: 0 1em;}.tape-anim {position: relative;background-image: url( "http://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/DoxYSJAV4AET63r.png" );background-size: 200px;background-position: center center;background-repeat: no-repeat;min-height: 300px;}.tape-left,.tape-right {display: block;position: absolute;margin: auto;height: 0;width: 70px;padding-bottom: 100%;background-image: url( "http://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/scp_trans.png" );background-size: contain;background-position: center center;background-repeat: no-repeat;pointer-events: none;}.tape-left {top: -20px;bottom: 0;left: -70px;right: 0;animation-name: spin1;animation-duration: 15s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite;}.tape-right {top: 0px;bottom: -32px;left: 0;right: -72px;animation-name: spin1;animation-duration: 20s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite;}.tape-wrap .collapsible-block-unfolded-link {padding-top: 1em;}.tape-wrap .collapsible-block-folded,.tape-wrap .collapsible-block-unfolded-link {position: relative;text-align: center;}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link:before {content:"\f1da";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);}
.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link {animation-name: g-ex;animation-duration: 1s;animation-fill-mode: forwards;visibility: hidden;opacity: 0;}.tape-wrap .collapsible-block-folded {padding-top: 1em;padding-bottom: 1em;}@keyframes g-ex {50% {visibility: visible; opacity: 0;}100% {visibility: visible; opacity: 1;}}@keyframes spin1 {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@keyframes record {0% {opacity: 0;}25% {opacity: 1;}75% {opacity: 1;}100% {opacity: 0;}}@-moz-document url-prefix() {.tape-anim {height: 300px;}.tape-left,.tape-right {display: block; width: 70px;height: 70px;position: relative;margin: 0 auto;padding: 0 auto!important;padding-bottom: 0;}.tape-left {top: 105px;bottom: initial;left:-36px; }.tape-right {top: 60px;bottom: initial;left: 35px;}}
[[/module]]

IMPORTANT :

• Cette partie se met là où vous voulez que le bloc apparaisse.
• Lorsque vous voulez ajouter de nouveaux "enregistrements", ajoutez de nouvelles "options" comme sur le format suivant.
  • [[span class="record r3"]]Text[[/span]]
    [[span class="record r4"]]//More text//[[/span]]
    [[span class="record r4 line2"]]//More//[[/span]]

[[div class="tape-wrap"]]
[[collapsible show="▶PLAY" hide="RELOAD"]]
[[div class="tape-anim"]]
[[div class="tape-left"]]
[[/div]]
[[div class="tape-right"]]
[[/div]]
[[/div]]

[[div class="tape-record"]]
[[span class="record r1"]]//la première ligne//[[/span]]
[[span class="record r1 line2"]]//la deuxième ligne//[[/span]]
[[span class="record r1 line3"]]//la dernière ligne//[[/span]]
[[span class="record r2"]]//TEXTE//[[/span]]
[[span class="record r2 line2"]]//PLUS DE TEXTE//[[/span]]

[[/div]]
[[/collapsible]]
[[/div]]

Option 7

À quoi ça ressemble :

Je ne peux pas vérifier votre ID wikidot.|

Clic !

Ce qu’il faut copier :

+ show block

IMPORTANT : Cette partie doit être mise en haut de la page.

[[module CSS]]
#u-start, .textchange div.sitemember:nth-child(2) {display:none;}.type-wrap-wrapper {position: relative;text-align: left;}.type-wrapper {background: #555;}.typearea {color: lime; font-family: "Courier";font-size: 1.2em;margin: 10px 0 0 10px;white-space: nowrap;overflow: hidden;width: 0;}#u-start:target ~ .typearea {width: 100%;animation: type 4s steps(60, end); }.typearea a{color: lime;text-decoration: none;}.blink {animation: blink 1s infinite;}@keyframes type{ from { width: 0; } } @keyframes blink{to{opacity: .0;}}.buttonwrapper {text-align: center;}.likebutton {padding: 0.1em 0.5em;text-decoration: none;font-size: 1.3em;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}.likebutton:hover {background-color: #DDD;color: #000;border: 1px solid #0098b3;}
[[/module]]

IMPORTANT: Cette partie se met là où vous voulez que le bloc apparaisse.

[[div class="type-wrap-wrapper"]]
[[div class="type-wrapper"]]
[[div id="u-start"]]
[[/div]]
[[div class="typearea"]]
[[div class="textchange"]]
[[module ListUsers users="."]]
[[div class="sitemember"]]
Votre ID wikidot est "%%name%%".[[span class="blink"]]|[[/span]]
[[/div]]
[[/module]]
[[div class="sitemember"]]
Je ne peux pas vérifier votre ID wikidot.[[span class="blink"]]|[[/span]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="buttonwrapper"]]
[[a class="likebutton" href="#u-start"]]Clic ![[/a]]
[[/div]]
[[/div]]

Option 8 :⁸

À quoi ça ressemble :

Console #001


------
Bienvenue, Utilisateur
------

Comme dans une console, les liens gagnent un ">" quand vous passez votre sourie dessus.
Comme ceci

Merci d'avoir regardé mon format !

Ce qu'il faut copier :

+ show block

IMPORTANT : Ceci est le module CSS. Il va en haut de l'article.

[[module CSS]]

div.terminal{
    border: 1px solid black;
    border: solid 3px #BBBBBB;
    border-radius: 16px;
    background-color: #131;
/* ombre noire en haut de la console */
    background-image: 
        radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
    background-position: center;
    display: block;
/* ombre autour de la console */
    box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
/* évite les erreurs de rendu lors que l'on scroll */
    overflow:hidden;
}
div.terminal blockquote {
    background-color: black;
    border: double 3px #80FF80
}
div.scanline{
    margin-top: -40%;
    width: 100%;
    height: 60px;
    position: relative;
    pointer-events: none;
/* Safari 4.0 - 8.0 */
    -webkit-animation: scan 12s linear 0s infinite; /* Vous pouvez avoir besoin de changer ça. Si la barre va trop vite, augmentez de 5s. */
    animation: scan 12s linear 0s infinite; /* Même chose qu'au dessus */
    background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}

div.text{
    color: rgba(128,255,128,0.8);
    padding-left: 2em;
    padding-top: 40%;
    font-family: monospace;
    font-size: 1.2em;
    }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
    from{ transform: translateY(-10%);}
    to{  transform: translateY(5000%);} /* Vous pourriez avoir besoin de changer ceic selon la longueur de votre console. Si la barre s'arrete en plein milieu, augmentez le deuxieme nombre.*/
}

@keyframes scan{
    from{ transform: translateY(-10%);}
    to{  transform: translateY(5000%);} /* Même chose qu'au dessus.*/
}

div.text a {
    color: #90EE90;
    text-decoration: none;
    background: transparent;
}
div.text a.newpage {
    color: #90EE90;
    text-decoration: none;
    background: transparent;
}
div.text a:hover {
    color: #131;
    text-decoration: underline;
    background-color: #80FF80;
    padding: 1px;
}
div.text a:hover::before{
content: "> ";
}
[[/module]]

IMPORTANT : Ceci est le code de la console en elle même. Il peut aller n'importe où.

[[div class="terminal"]]
[[div class="scanline"]]
[[/div]]
[[div class="text"]]
[[=]]
[[size 150%]] __Console #001__[[/size]]
@@ @@
@@ @@
@@------@@
Bienvenue, Utilisateur
@@------@@
[[/=]]
@@ @@
@@ @@
@@ @@
> Comme dans une console, les liens gagnent un ">" quand vous passez votre sourie dessus.
> [http://www.google.com Comme ceci.]

Merci d'avoir regardé mon format !
@@ @@
@@ @@
[[/div]]
[[/div]]

Formats d’annonces/d’avertissement :

Option 1⁹

À quoi ça ressemble :

MESSAGE DU SERVICE ADMINISTRATIF DE LA SÉCURITÉ DES INFORMATIONS ET DES ENREGISTREMENTS DE LA FONDATION

Le texte du message va ici.

— Maria Jones, Directrice, ASIEF

Ce qu’il faut copier :

+ show block

[[div style="border:solid 1px #999999; background:#f2f2c2; padding:5px; margin-bottom: 10px;"]]
[[=]]
++++ MESSAGE DU SERVICE ADMINISTRATIF DE LA SÉCURITÉ DES INFORMATIONS ET DES ENREGISTREMENTS DE LA FONDATION 

Le texte du message va ici.

-- Maria Jones, Directrice, ASIEF
[[/=]]
[[/div]]

Option 2¹⁰

À quoi ça ressemble :

ATTENTION : LE FICHIER SUIVANT EST CLASSIFIÉ DE NIVEAU #/XXXX

---

TOUTE TENTATIVE D’ACCÈS AU FICHIER SANS UNE AUTORISATION DE NIVEAU #/XXXX SERA ENREGISTRÉE ET ENTRAINERA DES SANCTIONS DISCIPLINAIRES IMMÉDIATES.

Ce qu’il faut copier :

+ show block

[[=]]
[[div style="background: url(http://scp-wiki.wdfiles.com/local--files/djkaktus-s-proposal/amber.png) center no-repeat ; float: center; border: solid 2px #000000; padding: 1px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2);"]] 
+ ATTENTION : LE FICHIER SUIVANT EST CLASSIFIÉ DE NIVEAU #/XXXX
----
+++ TOUTE TENTATIVE D’ACCÈS AU FICHIER SANS UNE AUTORISATION DE NIVEAU #/XXXX SERA ENREGISTRÉE ET ENTRAINERA DES SANCTIONS DISCIPLINAIRES IMMÉDIATES.
[[/div]]
[[/=]]

Note : Ce code comprend un lien pour inclure une image de fond, qui a depuis été supprimée¹¹. Si vous voulez laisser ce message d'avertissement avec un fond blanc vous pouvez laisser le code tel quel, mais si vous voulez une image vous pouvez remplacer le lien dans le code par celui-ci : here.

Option 3:

À quoi ça ressemble :

PAR ORDRE DU CONSEIL DES SUPERVISEURS

Le fichier suivant est classifié de niveau X/XXXX. Les accès non autorisés sont interdits.

XXXX

Ce qu’il faut copier :

+ show block

[[div style="background: url(http://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) bottom center no-repeat; text-align: center; width: 600px; margin: 0 auto; font-size: 20px; padding: 0px;"]]

@@ @@
@@ @@

@@ @@

@@ @@

[[=]]
++* ##black|PAR ORDRE DU CONSEIL DES SUPERVISEURS##
##black|Le fichier suivant est classifié de niveau X/XXXX. Les accès non autorisés sont interdits.##
[[/=]]
= **##black|XXXX##**

@@ @@

@@ @@

[[/div]]

Option 4:¹²

À quoi ça ressemble :

titre

sous-titre

description description description description description description description description description description description description description description description description description description

XXXX

Ce qu’il faut copier :

+ show block

[[div class="orderwrapper"]]
[[div class="council1"]]
[[/div]]
[[div class="ordertitle"]]
+* titre
[[/div]]
[[div class="orderdescription"]]
 _
+* sous-titre
description description description description description description description description description description description description description description description description description description description description description description description description description description description description description description description description 
[[/div]]
[[div class="itemno"]]
+* XXXX
[[/div]]
[[/div]]

[[module CSS]]
.orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "http://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
[[/module]]

Format d’en-tête alternatif

Option 1:

À quoi ça ressemble :¹³

Objet # : SCP-XXXX	Niveau 4/XXXX
Classe : Euclide	Classifié

---

SCP-XXXX.

---

Ce qu’il faut copier :

+ show block

[[table style="border: none; width: 100%;"]]
[[row]]
[[cell]]
[[size 125%]]**Objet # :** SCP-XXXX[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**Niveau 4/XXXX**##[[/size]]
[[/cell]]
[[/row]]
[[row]]
[[cell]]
[[size 125%]]**Classe :** Euclide[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**Classifié**##[[/size]]
[[/cell]]
[[/row]]
[[/table]]
----

[[div class="scp-image-block block-center" style="width:100%;"]]
[[image image.jpg style="width:100%;" link=#]]
[[div class="scp-image-caption" style="width:100%;"]]
SCP-XXXX.
[[/div]]
[[/div]]

----

Note : Remplacez 'image.jpg' par le nom/url de l’image que vous utilisez. Souvenez-vous que ce genre de boite d'image va s’élargir pour occuper 100% de la largeur de l’article.

Option 2:¹⁴

À quoi ça ressemble :

+ show block

Niveau 1:

---

Niveau 2:

---

Niveau 3:

---

Niveau 4:

---

Niveau 5:

---

[Un grand merci à TSATPWTCOTTTADC pour avoir réparé les en-têtes 1 et 3.]

Ce qu’il faut copier :

+ show block

[[image header1/2/3/4/5.png]] (Précisez l'image)

------

Note : Ce code ne comprend pas le fichier de l’image. Vous pouvez soit la télécharger sur votre page ou copier l’adresse de l’image depuis ici.

Option 3 :¹⁵

A quoi ça ressemble :

1/7777 NIVEAU 1/7777 CLASSIFIÉ

Objet #: SCP-7777 Classe: Euclide

+ Et de plus...

2/7777-RU NIVEAU 2/7777-RU CLASSIFIÉ

Объект №: SCP-7777-RU Класс объекта: Евклид

3/7777-KO NIVEAU 3/7777-KO CLASSIFIÉ

일련번호: SCP-7777-KO 등급: 유클리드(Euclid)

4/CN-7777 NIVEAU 4/CN-7777 CLASSIFIÉ

项目编号: SCP-CN-7777 项目等级: Euclid

5/7777-FR NIVEAU 5/7777-FR CLASSIFIÉ

Objet #: SCP-7777-FR Classe: Euclide

1/7777 NIVEAU 1/7777 CLASSIFIÉ

Item #: SCP-7777 Object Class: Euclid Safe

Ce qu’il faut copier :

+ show block

[[include :scp-wiki:component:classified-decoration
|lv=1/2/3/4/5
|item=7777
|oc=Euclide
|lang=EN/RU/KO/CN/FR/PL/ES/TH/JP/DE/IT/UA/PTBR
]]

[[include :scp-wiki:component:classified-decoration
|lv=1
|item=7777
|oc=--Euclid--
+ Safe
|lang=EN
]]

Ou alors vous voulez changer le texte de "NIVEAU" et de "CLASSIFIÉ" ?

[[include :scp-wiki:component:classified-decoration
|lv=1/2/3/4/5
|item=7777
|oc=Euclid
|lang=EN/RU/KO/CN/FR/PL/ES/TH/JP/DE/IT/UA/PTBR
|trans-level=<La traduction équivalente à "NIVEAU" dans votre langue>
|trans-classified=<La traduction équivalente à "CLASSIFIÉ" dans votre langue>
]]

Option 4 :

À quoi ça ressemble :

---

Item #: SCP-XXXX		Object Class: Keter
Level 4 Clearance		Threat Level: Rouge ●

---

Ce qu’il faut copier :

+ show block

[[include :scp.avn.sh:component:aers:classification-stuff
|item=XXXX
|lvl=4
|class=Keter
|threat=Rouge
|threat-colour=#b01 [!-- La couleur de la petite boule. Si vous n'êtes pas sur, garder la même que celle du niveau de danger. --]
]]

Formats de type "Papier/Note"

Option 1¹⁶

À quoi ça ressemble :

Corps du document ici. Vous aurez besoin d'utlisier " " sur les nouvelles lignes pour correctement espacer le texte.

Comme ceci.

Vous pouvez utiliser [[<]], [[=]] et [[>]] pour aligner différentes lignes et paragraphes afin de donner au texte un aspect convenable.

Au plaisir.

Ce qu’il faut copier :

+ show block

IMPORTANT : Cette partie doit être mise en haut de la page :

[[module css]]
.page {
    display: block;
    overflow: hidden;
    font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
    font-style: normal;

    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
    background-origin: padding-box;
    background-position: 0px 8px;
    background-repeat: repeat;
    background-size: 100% 20px;

    border: 1px solid #CCC;
    border-radius: 10px;
    padding: 10px 10px;
    margin-bottom: 10px;

    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
    }
.page p {
    line-height: 20px;
    margin: 0;
}
[[/module]]

IMPORTANT : Cette partie se met là où vous voulez que le bloc apparaisse :

[[div class="page"]]

Corps du document ici. Vous aurez besoin d’utiliser "@@ @@" sur les nouvelles lignes pour correctement espacer le texte.
@@ @@
Comme ceci.
@@ @@
Vous pouvez utiliser [[<]], [[=]] et [[>]] pour aligner différentes lignes et paragraphes afin de donner au texte un aspect convenable.
@@ @@
[[>]]
Au plaisir.
[[/>]]
[[/div]]

Formats de type "Connexion/Déconnexion"

Option 1¹⁷¹⁸

À quoi ça ressemble :

ID

2947b2dc062ba922839b2b09d029b469_1542415934

MOT DE PASSE

ad54fe19ea1b2740cbeead5a58064eb6_1542415934

Connexion

texte

Ce qu’il faut copier :

+ show block

IMPORTANT : Cette partie doit être mise en haut de la page

[[module CSS]]
.fakeprot .mailform-box .buttons{display:none;}
.fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
.fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
.fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
.mailform-box td:first-child {width: 80px;}
[[/module]]

IMPORTANT: Cette partie se met là où vous voulez que le bloc apparaisse

[[div class="fakeprot"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# name
 * title: ID
 * default: <VOTRE ID>
 * type: text
 * rules:
  * required: true 
  * maxLength:10
  * minLength: 100
[[/module]]
[[div class="passw"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# affiliation
 * title: MOT DE PASSE
 * default: ・・・・・・・・・
 * rules:
  * required: true 
  * maxLength:10
  * minLength: 100
[[/module]]
[[/div]]
[[/div]]
[[collapsible show="Connexion" hide="Déconnexion"]]
texte
[[/collapsible]]

Option 2

À quoi ça ressemble :

Ce qu’il faut copier :

+ show block

[[html]]
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Verdana;}
* {box-sizing: border-box;}
 
.input-container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
 
}
 
.input-field:focus{
border-style: solid;
transition: 0.5;
border-color: maroon;
border-width: 2px;
 
}
 
.input-field {
    width: 100%;
    padding: 10px;
    outline: none;
    transition: 0.5s;
 
}
 
.btn:focus {
  outline: 0;
}
 
.btn {
  background-color: Maroon;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  width: 50%;
  opacity: 0.9;
  transition: 0.09s;
  border-radius: 3px;
  transition 0.8s;
}
 
.btn:hover {
  opacity: 1;
  transition: 0.8s;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.7);
}
 
.btn:active {
  transition: 0.09s;
  transform: translateY(1px);
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}
 
.btn2 {
    background-color: white;
    border: none;
    cursor: pointer;
 
}
 
p{
font-family: Helvetica;
margin-bottom: 5%;
}
</style>
</head>
<body>
 
<form autocomplete="off" style="max-width:450px;text-align:center;margin: auto;">
<p style="font-size:55px; font-weight: bold;">CONNEXION À SCiPNET</p>
  <div class="input-container">
    <input class="input-field" type="text" placeholder="Identifiant" name="usrnm">
  </div>
 
  <div class="input-container">
    <input onkeyup="if(this.value.length > 0) document.getElementById('start_button').disabled = false; else document.getElementById('start_button').disabled = true;" class="input-field" type="password" placeholder="Mot de passse">
  </div>
 
   <button id="start_button" class="btn btn-success" onclick="window.open('REMPLACEZ CE TEXTE PAR L’URL DE LA PAGE SUR LAQUELLE VOUS VOULEZ QUE LE BOUTON CONNEXION VOUS REDIRIGE','_parent')" disabled> Connexion</button>
 
<br></br>
   <button style= "font-weight: bold;" class="btn2 btn-success"> Mot de passe oublié ?</button>
 
</form>
</body>
</html>
[[/html]]

IMPORTANT :

• Le bouton connexion ne vous redirigera pas si le champ du mot de passe est vide.
• Ce format est fait pour les pages utilisant des offsets. Changez le texte temporaire par le lien vers votre offset.

Option 2-suboption
À quoi ça ressemble :

SCiPNET LOGIN

name

88a134d24d25b5eb4a7197aa38d800a0_1542415934

affiliation

3f0e211e7c15e82687569606afcca844_1542415934

lien

SCiPNET LOGIN

name

88a134d24d25b5eb4a7197aa38d800a0_1542415934

affiliation

3f0e211e7c15e82687569606afcca844_1542415934

Login

Collapsible

texte

What to copy:

+ show block

Option avec lien : insérez l'url de votre page (ou "/ + nomdepage") dans "url"

[[include :scp-sandbox-3:component:login-module |url=http://fondationscp.wikidot.com/scp-style-resource|id=<VOTRE ID>|pw=<VOTRE MOT DE PASSE>|disc=true|value=lien]]

Option avec collapsible : inserez un collapsible dans le module

[[include :scp-sandbox-3:component:login-module |id=<VOTRE ID>|pw=<VOTRE MOT DE PASSE>|disc=true]]
[[collapsible show="Collapsible" hide="Déconnexion"]]
texte
[[/collapsible]]

Formats d’images customisés

Option 1¹⁹

À quoi ça ressemble :

Passer votre souris sur l’image pour l’agrandir.

Ce qu’il faut copier :

+ show block

[[include :scp-sandbox-3:image-zoom name={$name}|caption={$caption}|width=300px|align=right]]

Changez {$name} par le nom de l’image ou par un lien vers celle-ci. Changez {$caption} par la légende que vous voulez donner à l’image. La largeur et l’alignement de l’image sont basés sur les standards des documents SCP, mais peuvent être changés.

Option 2²⁰

À quoi ça ressemble :

Passer votre souris sur l’image pour la voir.

Ce qu’il faut copier :

+ show block

[[include :scp-sandbox-3:image-blur name={$name}|caption={$caption}|width=300px|align=right]]

Changez {$name} par le nom de l’image ou par un lien vers celle-ci. Changez {$caption} par la légende que vous voulez donner à l’image. La largeur et l’alignement de l’image sont basés sur les standards des documents SCP, mais peuvent être changés.

Outil utile pour la sandbox

A quoi ça ressemble :

Montrer l'outil

Ce qu’il faut copier :

+ show block

[[include :scp-sandbox-3:component:usefultool-module]]

IMPORTANT : Cette partie doit être mise en bas de la page.

Footnotes

1. Comme vu dans SCP-2682

2. Comme vu dans SCP-2832

3. Comme vu dans SCP-1730

4. Comme vu dans SCP-2571

5. Comme vu dans SCP-2409

6. Comme vu dans When Dandelions Bloom(conte-jp)

7. Comme vu dans Audio cassette #1006-1(conte-jp) et SCP-3648
※SCP-3648 utilise uniquement l’animation de la cassette audio.

8. Comme vu dans SCP-4224

9. Comme vu dans SCP-835

10. Comme vu dans SCP-3143

11. Ndt : l'image a depuis été remise en ligne, rendant ce paragraphe obsolète.

12. Comme vu dans SCP-001-JP

13. Image volée de SCP-3935 de djkaktus.

14. Comme vu dans SCP-2983 et d'autres à venir.

15. Comme vu dans SCP-1970-JP et SCP-1370-JP.

16. Comme vu dans SCP-4003

17. Source : http://scp-jp-sandbox2.wikidot.com/inc:fakeprot
Auteur d'Origine : Nanimono Demonai

18. Comme vu dans SCP-1370-JP.

19. Comme vu dans SCP-4224, SCP-4577 et SCP-3662

20. Comme vu dans ERROR: Field Cannot Be Lloyd