SCP Style Resource

Credits

---

Artikel: SCP Style Resource
Original: Hier zu finden
Autor(en): Verschiedene, gestartet von Shaggydredlocks
Übersetzer: Karpfisch

---

Es wurden vereinzelte Änderungen vorgenommen, um es auf den deutschen Ableger anzupassen.

---

Hallo und willkommen!

Dies ist als eine leicht zugängliche, schnelle 'kopieren-und-einfügen' Ressource für alternative Logs und Formate für SCP-Akten sein, in der selben Art wie Interessengruppen Stilleitfäden für ihre individuellen Formate. Wenn du nach grundlegendem Wikidot Formatierungen suchst, schaue dir Wiki Syntax an. Für mehr fortschrittliches Kodieren, besuche den Leitfaden für Fortgeschrittenes Formatieren.

Zum Zwecke des Zuwachses mehrerer Formatstücke wird dies für Kollaboration offen stehen. Beachte dabei bitte das Präsentationsformat.¹

Notiz: Dies ist nicht als eine ausführliche Liste geplant. Es muss sich nicht an diese Vorlagen gehalten werden. Benutzern ist es empfohlen, aus ihrer Komfortzone auszusteigen und mit jedem Format zu experimentieren, mit dem sie am sichersten sind.

Notiz: CSS-Module werden nur an dieser Seite angebracht, nachdem sie aktualisiert wird. Die Seite vorher anzusehen, erneuert die Seite nicht. Um die Wirkung jeglicher Änderungen an einem CSS-Module zu sehen, musst du die Seite speichern.

Grundlegende Artikelvorlage

[[>]]
[[module rate]]
[[/>]]

**Objekt-Nr.:** SCP-XXX-DE

**Klassifizierung:** Sicher/Euclid/Keter (gibt die Klasse an)

**Sicherheitsmaßnahmen:** [Abschnitt zum Erklären der Maßnahmen]

**Beschreibung:** [Abschnitt zum Erklären der Beschreibung]

**Anhänge:** [Optionale zusätzliche Abschnitte]

[[footnoteblock]]

Interview Vorlage

> **Interviewerter:** [Die Person, Person, oder SCP, dass interviewt wird]
>
> **Interviewer:** [Interviewer, kann mit █ verdeckt werden]
>
> **Vorwort:** [Kleine Passage um das Interview zu beschreiben]
>
> **<Beginne Log, [optionale Zeitangbe]>**
>
> **Interviewer:** [Rede]
>
> **Person:** [Rede]
>
> [Wiederholen wie nötig]
>
> **<Ende Log, [optionale Zeitangabe]>**
>
> **Schlusswort:** [Kleine Zusammenfassung und Passage darüber was danach geschah]

Notiz: Beim Einfügen von Blocksätzen via dem > Symbol stelle sicher, dass du eine Leerzeile hinter jedes > ergänzt, dass du nutzt, ansonsten wird dein Text nicht als Blocksatz angezeigt.

---

Test Log Formate:

Option 1²

Wie es aussieht:

TEST TITEL ZEUG
Thema	DATEN HIER
Protokoll	DATEN HIER
Ergebnisse	DATEN HIER

Was zu kopieren ist:

+ 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%;"]]
TEST ZEUG HIER
[[/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"]]
Thema
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
DATEN HIER
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
Protokoll
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
DATEN HIER
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; border: 1px solid black"]]
Ergebnisse
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
DATEN HIER
[[/cell]]
[[/row]]
[[/table]]

---

Option 2³

Wie es aussieht:

Datum	DATEN	Effekte	Notizen
DATUM	DATEN	EFFEKTE	NOTIZEN
DATUM	DATEN	EFFEKTE	NOTIZEN
DATUM	DATEN	EFFEKTE	NOTIZEN
DATUM	DATEN	EFFEKTE	NOTIZEN
DATUM	DATEN	EFFEKTE	NOTIZEN
DATUM	DATEN	EFFEKTE	NOTIZEN

Was zu kopieren ist:

+ show block

[[table style="border: 1px solid silver"]]
[[row]]
[[hcell style="border: 1px solid silver"]]
Datum
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
DATEN
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
Effekte
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
Notizen
[[/hcell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DATUM
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DATEN
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFFEKTE
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTIZEN
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DATUM
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DATEN
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFFEKTE
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTIZEN
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DATUM
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DATEN
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFFEKTE
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTIZEN
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DATUM
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DATEN
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFFEKTE
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTIZEN
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DATUM
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DATEN
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFFEKTE
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTIZEN
[[/cell]]
[[/row]]
[[/table]]

Audio/Video Log Formate:

Option 1⁴

Wie es aussieht:

VIDEO AUFZEICHNUNG

---

DATUM:

NOTIZEN:

---

[BEGINNE LOG]

ZEIT: EREIGNIS

ZEIT: EREIGNIS

ZEIT: EREIGNIS

---

[ENDE LOG]

Tipp! Dieser Stil immitiert die gewöhnlichen Blocksätze, die du auf der Website siehst (grundlegende Wiki Formatierungen sind mit "> " beginennde Linien), aber mit dem Vorteil, besser mit Bildern zu funktionieren.

Was zu kopieren ist:

+ show block

[[div class="blockquote"]]

= **VIDEO LOG**
----
**DATUM:**

**NOTIZEN:**
----

[BEGINNE LOG]

**ZEIT:** EVENT

**ZEIT:** EVENT

**ZEIT:** EVENT

-----

[END LOG]

[[/div]]

---

Option 2⁵

Wie es aussieht:

Video-Log Transkript der Erkundung

Datum: OPTIONAL

Erkundungs-Team: TEAM-NAME - OPTIONAL

Subjekt: GEBIET/ANOMALIE - OPTIONAL

Team-Führer: OPTIONAL

Team-Mitglieder: OPTIONAL

---

[BEGIN LOG]

Person A: Dialog

Person B: Dialog

DINGE PASSIEREN

Person A: Dialog

[ENDE LOG]

Was zu kopieren ist:

+ show block

[[div class="blockquote" style="border-radius: 10px; margin: 10px"]]
**Exploration Video Log Transcript**

**Datum:** OPTIONAL

**Erkundungs-Team:** TEAM-NAME - OPTIONAL

**Subjekt:** AREA/ANOMALY - OPTIONAL

**Team-Führer:** OPTIONAL

**Team-Mitglieder:** OPTIONAL
-----

[BEGIN LOG]

**Person A:** Dialog

**Person B:** Dialog

//ZEUG PASSIERT//

**Person A:** Dialog

[END LOG]

[[/div]]

---

Option 3⁶

Für ein Computer-y Erscheinungsbild.

Wie es aussieht:

| DETAILS
| DETAILS
| DETAILS
| DETAILS
| DETAILS

TEXT TEXT TEXT
MEHR TEXT

MEHR

UND MEHR

UND NOCH VIEL MEHR TEXT ZUM SCHNELL HINSCHREIBEN

Was zu kopieren ist:

+ show block

WICHTIG Dieser Teil wird an den Anfang der Seite gesetzt.

[[module css]]
.danke {
    padding: 5px;
    margin-bottom:10px;
    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]]

WICHTIG: Dies wird wo immer hingesetzt, wo die Box erscheinen soll.

[[div class="danke agent"]]
| DETAILS
| DETAILS
| DETAILS
| DETAILS
| DETAILS

TEXT TEXT TEXT
MEHR TEXT

MEHR

UND MEHR

UND NOCH VIEL MEHR TEXT ZUM SCHNELL HINSCHREIBEN
[[/div]]

Tipps! Ändere 'danke agent' zu 'danke site', für ein anderes Farbenschema (gelb).

Option 4:

ZEUG KOMMT HIER HIN

+ 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;"]]

ZEUG KOMMT HIER HIN

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

Option 5⁷

Wie es aussieht:

UND MEHR!

h1

h2

h3

h4

h5

h6

Text
mehr Text

mehr[]

Was zu kopieren ist:

+ show block

WICHTIG: Dieser Teil wird an den Anfang deiner Seite angebracht.

[[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;}.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 overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
[[/module]]

WICHTIG: Dies kommt dahin, wo die Box erscheinen soll.

[[div class="no-unfold"]]
[[div class="containercontainer"]]
[[div class="container"]]
+* [!-- LÖSCHE NICHt DIESES "+*". --]
[[span_ class="overlay"]]
UND MEHR!
[[/span]]
[[div_ class="overlayback"]]
[[/div]]

+* h1
++* h2
+++* h3
++++* h4
+++++* h5
++++++* h6
Text
mehr Text

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

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

Option 6⁸

Wie es aussieht:

ABSPIELEN

Die erste Zeile
Die zweite Zeile
Die letzte Zeile
TEXT
MEHR TEXT

Was zu kopieren ist:

+ show block

WICHTIG:

• Dies wird am Anfang deiner Seite angebracht.
• Wenn du mehr "Aufnahmen" ergänzen willst, füge neue "Optionen" wie das folgende Foramt hinzu.
  • .r3 {animation-delay: 9s;}
    .r4 {animation-delay: 12s;}

[[module CSS]]
/* //// Wenn du mehr "Aufnahmen" ergänzen willst, //// */
/* //// füge neue "Optionen" wie das folgende Fomat hinzu. //// */
.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;pointer-events: none;}.record {display: block;position: absolute;width: 100%;animation-name: record;animation-duration: 2.5s;opacity: 0;top: 0;text-align: center;}.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("https://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("https://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;}.tape-right {top: 0;bottom: -32px;left: 0;right: -72px;animation-name: spin1;animation-duration: 20s;animation-timing-function: linear;animation-fill-mode: forwards;}.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-link:before {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-folded .collapsible-block-link:before {content: "\f04b";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link:before {content: "\f1da";}.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;}.tape-left {top: 105px;bottom: initial;left: -36px;}.tape-right {top: 60px;bottom: initial;left: 35px;}}
[[/module]]

WICHTIG:

• Dies wird wo immer hingesetzt, wo die Box erscheinen soll.
• Wenn du mehr Aufnahmen ergänzen willst, füge neue "Optionen" wie das folgende Format hinzu.
  • [[span class="record r3"]]Text[[/span]]
    [[span class="record r4"]]//More text//[[/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"]]//Die erste Zeile//
//Die zweite Zeile//
//Die letzte Zeile//[[/span]]
[[span class="record r2"]]//TEXT//
//MEHR TEXT//[[/span]]

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

Option 7

Wie es aussieht:

Ich kann deine Wikidot-ID nicht verifizieren.|

Click!

Was zu kopieren ist:

+ show block

WICHTIG Dies wird an den Anfang deiner Seite angebracht.

[[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]]

WICHTIG: Dies wird dort platziert, wo die Box erscheinen soll.

[[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"]]
Deine Wikidot-ID ist "%%name%%".[[span class="blink"]]|[[/span]]
[[/div]]
[[/module]]
[[div class="sitemember"]]
Ich kann deine Wikidot-ID nicht verifizieren.[[span class="blink"]]|[[/span]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="buttonwrapper"]]
[[a class="likebutton" href="#u-start"]]Click![[/a]]
[[/div]]
[[/div]]

Option 8⁹

Wie es aussieht:

Terminal #001


------
Willkommen, Benutzer
------

Links im Terminal erhalten ein ">" wenn du über ihnen schwebst.
like this

Danke, dass du mein Format ausprobierst!

Was zu kopieren ist:

+ show block

WICHTIG: Das hier ist das CSS-Modul. Es kommt an den Anfag deiner Seite.

[[module CSS]]

div.terminal{
    border: 1px solid black;
    border: solid 3px #BBBBBB;
    border-radius: 16px;
    background-color: #131;
    /* Schwarzer Schatten am Anfang vom Terminal */
    background-image:
        radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
    background-position: center;
    display: block;
    /* Schatten um das Terminal */
    box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
    /* Beugt ein Scrollwheel-formen bei der Scanlinie vor */
    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; /* Du musst das hier vielleicht ändern. Wenn sich die Leiste zu schnell bewegt, erhöhe 5s. */
    animation: scan 12s linear 0s infinite; /* Genau wie oben */
    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%);} /* Du musst das hier vielleicht ändern, basierend auf der Länge deines Termimals. Wenn die Scanlinie mittig anhält, erhöhe die Sekunden-Nummer.*/
}

@keyframes scan{
    from{ transform: translateY(-10%);}
    to{  transform: translateY(5000%);} /* Genau wie oben.*/
}

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]]

WICHTIG: Dies ist das Terminal selbst. Das kann irgendwo hin.

[[div class="terminal"]]
[[div class="scanline"]]
[[/div]]
[[div class="text"]]
[[=]]
[[size 150%]] __Terminal #001__[[/size]]
@@ @@
@@ @@
@@------@@
Willkommen, Benutzer
@@------@@
[[/=]]
@@ @@
@@ @@
@@ @@
> Links im Terminal erhalten ein ">" wenn du über sie schwebst.
> [https://www.google.com like this]

Danke, dass du mein Format ausprobierst!
@@ @@
@@ @@
[[/div]]
[[/div]]

Warnungs/Anmerkungs Formate:

Option 1¹⁰

Wie es aussieht:

ANMERKUNG DER ADMINISTRATIONS- UND INFORMATIONSSICHERHEITSABTIELUNG

Text der Anmerkung kommt heir hin.

— Maria Jones, Direktorin, RAISA

Was zu kopieren ist:

+ show block

[[div style="border:solid 1px #999999; background:#f2f2c2; padding:5px; margin-bottom: 10px;"]]
[[=]]
++++ ANMERKUNG DER ADMINISTRATIONS- UND INFORMATIONSSICHERHEITSABTIELUNG

Text der Anmerkung kommt hier hin.

-- Maria Jones, Direktorin, RAISA
[[/=]]
[[/div]]

Option 2¹¹

Wie es aussieht:

WARNUNG: DIE FOLGENDE AKTE IST LEVEL #/XXX-DE KLASSIFIZIERT

---

JEDER VERSUCH, AUF DIESE AKTE OHNE LEVEL #/XXX-DE AUTORISIERUNG ZUZUGREIFEN, WIRD PROTOKOLLIERT UND ZU SOFORTIGEN DISZIPLINAEREN MAßNAHMEN FÜHREN.

Was zu kopieren ist:

+ show block

[[=]]
[[div style="background: url("https://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png") center no-repeat; float: center; border: solid 2px #000; padding: 1px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2);"]]
+ WARNUNG: DIE FOLGENDE AKTE IST LEVEL #/XXX-DE KLASSIFIZIERT
----
+++ JEDER VERSUCH, AUF DIESE AKTE OHNE LEVEL #/XXX-DE AUTORISIERUNG ZUZUGREIFEN, WIRD PROTOKOLLIERT UND ZU SOFORTIGEN DISZIPLINAREN MAßNAHMEN FÜHREN.
[[/div]]
[[/=]]

Notiz: Dieser Code beinhaltet einen Link, um ein Hintergrund mit einzubeziehen, welches irgendwann einmal gelöscht wurde. Wenn du diese Warnungsnachricht mit einem weißen Hintergrund lassen willst, kannst du den Code so lassen, aber wenn du das vorgesehende Bild beinhalten willst, kannst du den Link im Code durch den Link mit diesem hier ersetzen.

Option 3:

Wie es aussieht:

AUF BEFEHL DES AUFSEHERRATS

Die folgende Akte ist Level X/XXX-DE klassifiziert. Unautorisierter Zugriff ist untersagt.

XXX-DE

Was zu kopieren ist:

+ show block

[[div style="background: url(https://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|AUF BEFEHL DES AUFSEHERRATS##
##black|Die folgende Akte ist Level X/XXX-DE klassifiziert. Unautorisierter Zugriff ist untersagt.##
[[/=]]
= **##black|XXX-DE##**

@@ @@

@@ @@

[[/div]]

Option 4:¹²

Wie es aussieht:

title

subtitle

Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung

XXXX

Was zu kopieren ist:

+ show block

[[div class="orderwrapper"]]
[[div class="council1"]]
[[/div]]
[[div class="ordertitle"]]
+* title
[[/div]]
[[div class="orderdescription"]]
 _
+* subtitle
Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung
[[/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( "https://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]]

Alternatives Kopfzeilen Format

Option 1:

Wie es aussieht:¹³

Objekt-Nr.: SCP-XXX-DE	Level 4/XXX-DE
Klassifizierung: Euclid	Klassifiziert

---

SCP-XXX-DE.

---

Was zu kopieren ist:

+ show block

[[table style="border: none; width: 100%;"]]
[[row]]
[[cell]]
[[size 125%]]**Objekt-Nr.:** SCP-XXX-DE[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**Level 4/XXX-DE**##[[/size]]
[[/cell]]
[[/row]]
[[row]]
[[cell]]
[[size 125%]]**Klassifizierung:** Euclid[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**Klassifiziert**##[[/size]]
[[/cell]]
[[/row]]
[[/table]]
----

[[div class="scp-image-block block-center" style="width:100%;"]]

[[iftags [[#ifexpr false == (false) | - ]]]]
[[image image.jpg style="width:100%;" link=#]]
[[/iftags]]

[[iftags [[#ifexpr false == (true) | - ]]]]

[[div style="width: 100%; height: 100%; background-image: url('image.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; padding:{$padding}"]]
[[/div]]

[[/iftags]]

[[div class="scp-image-caption" style="width:100%;"]]
SCP-XXX-DE.
[[/div]]
[[/div]]

----

Notiz: Ersetze 'image.jpg' mit dem Namen/Url vom dir gneutzten Bild. Denk dran, dass diese Art von Bild-Block das Bild ausweiten wird, damit es 100% von der Breite des Artikels einnimmt.

Option 2:¹⁴

Wie es aussieht:

+ show block

Level 1:

---

Level 2:

---

Level 3:

---

Level 4:

---

Level 5:

---

[Großen Dank an TSATPWTCOTTTADC für das Reparieren von Kopfzeile 1 und 3.]

Was zu kopieren ist:

+ show block

[[image header1/2/3/4/5.png]] (Bild angeben)

------

Notiz: Dieser Code beinahltet die Bilddatei nicht. Lade es entweder in den Artikel oder kopiere die Bildadresse von hier.

Option 3:¹⁵

Wie es aussieht:

1/7777-DE LEVEL 1/7777-DE CLASSIFIED

Objekt-Nr.: SCP-7777-DE Klassifizierung: Euclid

+ Darüber hinaus...

2/7777-RU LEVEL 2/7777-RU CLASSIFIED

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

3/7777-KO LEVEL 3/7777-KO CLASSIFIED

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

4/CN-7777 LEVEL 4/CN-7777 CLASSIFIED

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

5/7777-FR LEVEL 5/7777-FR CLASSIFIED

Objet # : SCP-7777-FR Classe : Euclide

1/7777 LEVEL 1/7777 CLASSIFIED

Objekt-Nr.: SCP-7777 Klassifizierung: Euclid Sicher

Was zu kopieren ist:

+ show block

[[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
]]

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

Oder willst du den Text von "LEVEL" und "CLASSIFIED" ändern?

[[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=<der Übersetzungsäquivalent von "STUFE" in deiner Sprache>
|trans-classified=<der Übersetzungsäquivalent von "KLASSIFIZIERT" in deiner Sprache>
]]

Option 5:¹⁶

Wie es aussieht:
Bedrohungsstufe: Schwarz

^{(Klick mich!)}

+ Und in anderen Farben...

Bedrohungsstufe: Weiß

Bedrohungsstufe: Rot

Was zu kopieren ist:

+ show block

[[a href="*/niveaux-de-menace-des-objets-scp" style="font-size: 18px; color: white; text-shadow: 1px 3px 1px rgba(0,0,0,0.3); text-decoration: none;"]]
[[span_ style="display: inline-block; width: 100%; background-color: black; text-align: center; border: 1px none #000; margin: 1px; padding-top: 8px; padding-bottom: 8px;"]]
**Bedrohungsstufe:** Schwarz
[[/span]]
[[/a]]

Notiz: Um die Farbe zu ändern, wechsel einfach das "background-color"-Feld mit white/blue/green/yellow/orange/red/black aus. Farben mit höhreren/niederigen Kontrast könnnen eine Änderung vom "color"-Feld zu white/black für Leserlichkeit erfordern.

Notiz: Dies funktioniert am besten mit anderen alternativen Kopfzeilen Formaten, wie oben zu sehen ist. Basiert auf die Bedrohungsstufen Klassifizierungen des französichen Ablegers.

Option 8: Option 1(Simplere Version)

Wie es aussieht:

+ show block

Objekt-Nr.: SCP-XXX-DE

Klassifizierung: Keter

Level 5/XXX-DE

Streng geheim

Inhalt

---

Objekt-Nr.: SCP-XXX-DE

Klassifizierung: Keter

Level 5/XXX-DE

Streng geheim

Inhalt

Was zu kopieren ist:

+ show block

[[div style="display: flex; padding-bottom: -1em; border-bottom: solid 1px #444;"]]
[[div style="width: 50%;"]]
**Objekt-Nr.:** SCP-XXX-DE

**Klassifizierung:** Keter
[[/div]]
[[div style="width: 50%; text-align: right;"]]
**Level 5/XXX-DE**

**Streng geheim**
[[/div]]
[[/div]]

Inhalt

---

[[div style="display: flex; padding-bottom: -1em; border-bottom: solid 1px #444; font-size: 1.25em;"]]
[[div style="width: 50%;"]]
**Objekt-Nr.:** SCP-XXX-DE

**Klassifizierung:** Keter
[[/div]]
[[div style="width: 50%; text-align: right;"]]
**Level 5/XXX-DE**

**Streng geheim**
[[/div]]
[[/div]]

Inhalt

Unsichtbarer Text

Anstatt "##white|TEXT HIER...##" zu benutzen (Was jeden Dark-Mode benutzenden Browser brechen würde), solltest du transparent verwenden.

Versuche, die unteren Boxen zu kopieren:

Dieser Text ist unsichtbar, kann aber durch Markieren gesehen werden.

Dieser Text ist stattdessen weiß.

Dieser Text ist unsichtbar, kann aber durch Makieren angesehen werden.

Dieser Text ist stattdessen weiß.

Was zu kopieren ist:

##transparent|Hier kommt dein Text hin.##

Hinweis: Dies funktioniert nur auf Sigma-9.

Wie es aussieht:

Dein Text kommt hier hin.

"Papier/Notizen" Formate

Option 1¹⁷

Wie es aussieht:

Dokumentkörper hier. Du musst " " benutzen, um richtig Absätze zu formen.

Etwa so.

Du kannst [[<]], [[=]] und [[>]] benutzen, um verschiedene Zeilen/Paragraphen für ein schickes Aussehen anzuordnen.

Viel Spaß.

Was zu kopieren ist:

+ show block

WICHTIG Das hier kommt an den Anfang deiner Seite:

[[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,
.page ul {
    line-height: 20px;
    margin: 0;
}
[[/module]]

WICHTIG Das kommt dahin, wo die Box erscheinen soll:

[[div class="page"]]

Dokumentkörper hier. Du musst "@@ @@" benutzen, um richtig Absätze zu formen.
@@ @@
Etwa so.
@@ @@
Du kannst [[<]], [[=]] und [[>]] benutzen, um verschiedene Zeilen/Paragraphen für ein schickes Aussehen anzuordnen.
@@ @@
[[>]]
Viel Spaß.
[[/>]]
[[/div]]

"Login/Logout" Formate

Option 1¹⁸¹⁹

Wie es aussieht:

ID

d1f392ccd7cbaadfc6c882785dcf825b_1679834856

PASSWORT

1e1c24d82bac3362edea6561b9969415_1679834856

Login

Text

Was zu kopieren ist:

+ show block

WICHTIG: Dies kommt an den Anfang deiner Seite:

[[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]]

WICHTIG: Das hier kommt dahin, wo die Box erscheinen soll:

[[div class="fakeprot"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# name
 * title: ID
 * default: <DEINE ID>
 * type: text
 * rules:
  * required: true
  * maxLength:10
  * minLength: 100
[[/module]]
[[div class="passw"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# affiliation
 * title: PASSWORT
 * default: ・・・・・・・・・
 * rules:
  * required: true
  * maxLength:10
  * minLength: 100
[[/module]]
[[/div]]
[[/div]]
[[collapsible show="Login" hide="Logout"]]
Text
[[/collapsible]]

Option 2

Wie es aussieht:

Was zu kopieren ist:

+ 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;">SCiPNET LOGIN</p>
  <div class="input-container">
    <input class="input-field" type="text" placeholder="Username" 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="Password">
  </div>
 
   <button id="start_button" class="btn btn-success" onclick="window.open('ERSETZE DIESEN TEXT MIT EINEM URL DAHIN, WO DICH DER LOGIN-KNOPF BRINGEN SOLL','_parent')" disabled> Login</button>
 
<br></br>
   <button style= "font-weight: bold;" class="btn2 btn-success"> Passwort vergessen?</button>
 
</form>
</body>
</html>
[[/html]]

WICHTIG:

• Der Login-Knopf wird dich dich nicht weiterleiten, wenn das Passwortfeld leer ist.
• Dieses Login-Format ist für Artikel, die Offsets benutzen. Ändere den Platzhaltertext zu dem entsprechenden Offset-Link zu deinem Artikel.

Bilder Karusell

A selection of images with no inherent meaning or hidden message.

Anweisungen zum Benutzen

Blackbox Formate

Option 1²⁰
Wie es aussieht:
Dies ist ein Format, um Informationen zu schwärzen und sie über einen Mauszeiger sichtbar zu machen.

Was zu kopieren ist:

[[span class="bblock"]]Text hier[[/span]]

Wie man es anpassen kann:
Dieser Code lässt dich die Farbe des Mauszeiger-Textes anpassen.

[[module CSS]]
.bblock:hover {color: white}
[[/module]]

Option 2
Wie es aussieht:
Dies lässt dich die Farbe vom Hintergrund beim Rüberfahren mit der Maus ändern, statt den Text.

Was zu kopieren ist:

[[span class="dblock"]]Text hier[[/span]]

Wie man es anpassen kann:
This code lets you adjust the color of the mouseover background.

[[module CSS]]
.dblock:hover {background: #f4f4f4}
[[/module]]

"Heutiges Datum-Format

Wie es aussieht:

Das heutige Datum ist 25 Mar 2023 18:57… vielleicht!

Was zu kopieren ist:

+ show block

[[module ListPages limit="1" category="*" order="updated_at desc"]]
> Das heutige Datum ist %%updated_at|%Y/%m/%d%%... vielleicht!
[[/module]]

Discord-Chat Formatierung

Wie es aussieht:

GOTO 20

Today at 4:28 PM

jo, Corvus, bist du da?

Corvas

Today at 4:28 PM

ja
was geht ab @GOTO 20

New Messages

GOTO 20

Today at 4:29 PM

Hier ist ein Bild

GOTO 20

Today at 4:30 PM

mv_sk1r.tar.gz

2.71 KB

corvas

Today at 5:20 PM

butts.zip

512 MB

Was zu kopieren ist:

Vollständige Erklärung und Code ist hier verfügbar.

AKS Kopfzeile (Anomalie Klassifikationssystem)

Klick hier, um zu erfahren, wofür das ist.

Original-Autor: Woedenaz

Wie es aussieht:

Objekt-Nr.: XXX-DE

Level #

Eindämmungsklasse:

euclid

Sekundärklasse:

keine

Störungsklasse:

vlam

Risikoklasse:

warnung

link to memo

Was zu kopieren ist:

+ show block

Klicke hier für eine ganze Anleitung.

[[include :scp-wiki-de:component:anomaly-class-bar-source
|item-number= XXX-DE
|clearance= #
|container-class= euclid
|secondary-class= keine
|secondary-icon= https://example.com/acs-image.svg
|disruption-class= vlam
|risk-class= warnung
]]

Email Template

Wie es aussieht:²¹

---

AUf SCiPNET Email zugreifen? Eine (1) neue Nachricht!

An: EMPFÄNGER
Von: ABSENDER
Betreff: THEMA

---

Text

An: EMPFÄNGER
Von: ABSENDER
Betreff: Re:THEMA

---

Text

Was zu kopieren ist:

+ show block

WICHTIG: Das kommt an den Anfang deiner Seite.

[[module CSS]]
.email-example .collapsible-block-folded a.collapsible-block-link {
    animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
    0% { color: transparent; }
    50%, 100% { color: #b01; }
}
.email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
[[/module]]

WICHTIG: Das hier kommt dahin, wo du den E-Mail Austausch haben willst.

[[div class="email-example"]]
[[=]]
------
[[collapsible show="Access SCiPNET Email? One (1) new message!" hide="Re:SUBJECT"]]
[[<]]
[[div class="email"]]
[[div class="tofrom"]]
**An:** EMPFÄNGER
**Von:** ABSENDER
**Betreff:** THEMA
[[/div]]
------
Text
[[/div]]
@@ @@
[[div class="email"]]
[[div class="tofrom"]]
**An:** EMPFÄNGER
**Von:** ABSENDER
**Betreff:** Re:THEMA
[[/div]]
------
Text
[[/div]]
[[/<]]
[[/collapsible]]
[[/=]]
[[/div]]

Footnotes

1. Da es sich hier um eine Übersetzung handelt, sind keine Einträge auf dieser Seite hinzuzufügen.

2. Wie in SCP-2682 zu sehen ist.

3. Wie in SCP-2832 zu sehen ist.

4. Wie in SCP-2571 zu sehen ist.

5. Wie in SCP-1730 zu sehen ist.

6. Wie in SCP-2409 zu sehen ist.

7. Wie in When Dandelions Bloom(tale-jp) zu sehen ist.

8. Wie in Audio cassette #1006-1(tale-jp), SPC-710-JP, und SCP-3648 zu sehen ist

※SCP-3648 nutzt nur die Audio-Kasseten Animation.
※Das Audio-Kasettenbild wurde von indonootoko vom JP-Zweig erstellt.

9. Wie in SCP-4224, SCP-3241 & Automated Passive Amnestization System Ver. 17.09 zu sehen ist.

10. Wie in SCP-835 zu sehen ist.

11. Wie in SCP-3143 zu sehen ist.

12. Wie in SCP-001-JP zu sehen ist.

13. Bild geklaut von djkaktuss SCP-3935.

14. Wie in SCP-2983 und kommenden zu sehen ist.

15. Wie in SCP-1970-JP, SCP-1370-JP, und SCP-4260 zu sehen ist.

16. Wie in EE-3570 und SCP-4792 zu sehen ist. Credit geht an Yossipossi, Lt Flops, und KindlyTurtleClem.

17. Wie in SCP-4003 zu sehen ist.

18. Quelle: https://scp-jp-sandbox2.wikidot.com/inc:fakeprot
Original Author: Nanimono Demonai

19. Wie in SCP-1370-JP zu sehen ist.

20. Dank für beides geht an Nanimono Demonai.

21. Wie in Automated Passive Amnestization System Ver. 17.09, The Beast Beneath The Library, und SCP-4415 zu sehen ist.